@media (min-width:1367px){/* DESKTOPS */
/*  INDEX  */
.banner{position:relative;}
	/* .banner figure{overflow:hidden;position:relative;height:800px;} */
	/* .banner img{height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);} */
	.banner figure{overflow:hidden;}
	.banner img{width: 100%;}
	.banner section{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1200px;margin-top:100px;}
		.banner section h3{color:#fff;font-size:50px;line-height:60px;margin-bottom:20px;white-space:nowrap;}
		.banner section p{color:#fff;font-size:22px;white-space:nowrap;margin-bottom:60px;}
		.banner section a{display:block;}

.search{display:none;padding:30px 0;background:#f9f9f9;}
	.searchhot{float:left;font-size:16px;line-height:40px;}
		.searchhot strong{color:#0376d8;}
		.searchhot a{margin-right:20px;color:#999;}
	.searchform{float:right;}
		.searchform form{position:relative;}
		.searchform input{box-sizing:border-box;}
		.searchform input.txt{background:#f1f1f1;height:40px;border-radius:40px;padding:0 20px;}
		.searchform input.btn{position:absolute;top:5px;right:5px;width:30px;height:30px;background:url(../images/iconsearch.png) no-repeat center center;}

.productclass{background:#f5f5f5;padding:60px 0;position:relative;}
	.productclass .swiper-container{padding-bottom:80px;}
	.productclass section{border-top:2px solid #ccc;padding-top:30px;position:relative;}
		.productclass section a{position:absolute;z-index:2;top:0;left:0;bottom:0;right:0;text-indent:-999em;}
		.productclass section h3{font-size:18px;background:url(../images/yy_a1.png) no-repeat right center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:30px;margin-bottom:20px;}
		.productclass section p{text-transform:capitalize;margin-bottom:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;color:#999;}
		.productclass section figure{}
		.productclass:after{content:'';display:block;position:absolute;top:285px;left:50%;transform:translateX(-50%);width:1200px;height:1px;background:linear-gradient(to right,#ccc 0,#ccc 570px,transparent 570px,transparent 630px,#ccc 630px,#ccc 1200px);}
		.productclass .swiper-button-prev{position:absolute;top:230px;left:580px;width:15px;height:30px;background:url(../images/classprev.jpg) no-repeat center center;}
		.productclass .swiper-button-next{position:absolute;top:230px;right:580px;width:15px;height:30px;background:url(../images/classnext.jpg) no-repeat center center;}

.machining{padding:100px 0;background:url(../images/productbg.jpg) no-repeat center center;background-size:cover;}
	.machiningtitle{text-align:center;background:url(../images/pro_tt.png) no-repeat center bottom;padding-bottom:30px;margin-bottom:40px;}
		.machiningtitle h2{font-size:48px;line-height:60px;margin-bottom:10px;color:#fff;}
		.machiningtitle h2 span{color:#0376d8;}
		.machiningtitle h3{font-size:18px;color:#ccc;font-weight:normal;}
	.machiningtab{overflow:hidden;background:#292929;margin-bottom:30px;}
		.machiningtab .swiper-container{}
		.machiningtab h3{line-height:63px;text-align:center;background:url(../images/pro_a2.png) no-repeat;background-position:right 20px center;}
		.machiningtab h3 a{color:#8b8b8b;}
		.machiningtab .swiper-slide-thumb-active h3{background:url(../images/pro_a2_hv.png) no-repeat #0376d8;background-position:right 20px center;}
		.machiningtab .swiper-slide-thumb-active h3 a{color:#fff;}
	.machiningcon{}
		.machininglist{}
			.machininglist ul{margin:0 -1%;}
			.machininglist li{float:left;width:31.33%;margin:0 1% 20px;}
			.machininglist li figure{overflow:hidden;}
			.machininglist li figure img{width:100%;}
			.machininglist li section{overflow:hidden;background:#fff;position:relative;position:relative;padding-right:132px;border-top:1px solid #eee;}
			.machininglist li section h3{line-height:66px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-left:20px;}
			.machininglist li section a.more{position:absolute;top:0;right:66px;text-indent:-999em;display:inline-block;width:66px;height:66px;background:url(../images/pro_ico1.jpg) no-repeat center center;}
			.machininglist li section a.chat{position:absolute;top:0;right:0;text-indent:-999em;display:inline-block;width:66px;height:66px;background:url(../images/pro_ico2.jpg) no-repeat center center;}
			.machininglist li:hover figure img{transform:scale3d(1.05, 1.05, 1);}

.guarantee{padding:80px 0;position:relative;}
	.guaranteetitle{text-align:center;background:url(../images/ico1.jpg) no-repeat center bottom;padding-bottom:30px;margin-bottom:40px;}
		.guaranteetitle h2{font-size:48px;line-height:60px;margin-bottom:10px;}
		.guaranteetitle h2 span{color:#0376d8;}
		.guaranteetitle h3{font-size:18px;color:#666;font-weight:normal;}
	.guaranteecon{}
		.guaranteecon section{position:relative;}
			.guaranteecon section figure{overflow:hidden;margin-bottom:30px;}
			.guaranteecon section figure img{}
			.guaranteecon section i{position:absolute;bottom:0;left:0;display:block;width:120px;font-style:normal;color:#0376d8;}
			.guaranteecon section i strong{display:block;font-size:90px;line-height:80px;font-family:arial,verdana,sans-serif;}
			.guaranteecon section i em{display:block;}
			.guaranteecon section dl{padding-left:120px;}
			.guaranteecon section dt{font-size:28px;font-weight:bold;line-height:40px;position:relative;padding-bottom:40px;}
			.guaranteecon section dt:before{content:'';display:block;position:absolute;top:50px;left:0;right:0;height:1px;background:#eee;}
			.guaranteecon section dt:after{content:'';display:block;position:absolute;top:49px;left:0;width:50px;height:3px;background:#0376d8;}
			.guaranteecon section dd{font-size:18px;}
			.guaranteecon section dd span{display:inline-block;margin-right:20px;background:url(../images/ys_a2.jpg) no-repeat 0 center;padding-left:15px;color:#999;}

.article{padding:100px 0;background:url(../images/newsbg.jpg) no-repeat center 0;}
	.articletitle{text-align:center;background:url(../images/pro_tt.png) no-repeat center bottom;padding-bottom:30px;margin-bottom:40px;}
		.articletitle h2{font-size:48px;line-height:60px;margin-bottom:10px;color:#fff;}
		.articletitle h2 span{color:#0376d8;}
		.articletitle h3{font-size:18px;color:#ccc;font-weight:normal;}
	.articlecon{overflow:hidden;background:#f7f7f7;}
		.articlecon section{float:left;width:400px;box-sizing:border-box;padding:30px;}
		.articlecon section.on{background:#eeeded;}
		.articlecon section a.more{display:block;margin-bottom:20px;background:url(../images/ns_a1.png) no-repeat right 0;}
			.articlecon section a.more h3{font-size:24px;line-height:30px;}
			.articlecon section a.more p{font-size:12px;color:#999;text-transform:uppercase;}
		.articlecon section.on a.more{color:#0376d8;background:url(../images/ns_a1_hv.png) no-repeat right 0;}
		.articlecon section figure{overflow:hidden;margin-bottom:20px;height: 255px;}
		.articlecon section figure img{width:100%;}
		.articlecon section.on figure img{transform:scale3d(1.05, 1.05, 1);}
		.articlecon section dl{}
		.articlecon section dt{margin-bottom:20px;font-size:16px;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
		.articlecon section dd{color:#888;}
		.articlecon section dd time{display:block;font-size:12px;margin-top:20px;}

.about{padding:0 0 80px;background:linear-gradient(to top,#f6f6f6 0,#f6f6f6 420px,transparent 420px,transparent 1200px);}
	.abouttitle{text-align:center;background:url(../images/ico1.jpg) no-repeat center bottom;padding-bottom:30px;margin-bottom:40px;}
		.abouttitle h2{font-size:48px;line-height:60px;margin-bottom:10px;}
		.abouttitle h2 span{color:#0376d8;}
		.abouttitle h3{font-size:18px;color:#666;font-weight:normal;}
	.aboutvideo{margin-bottom:30px;}
	.aboutinfo{padding:30px 0;}
		.aboutinfo dl{position:relative;text-align:center;padding:0 70px;}
		.aboutinfo dl:before{content:'';display:block;position:absolute;top:0;left:0;width:72px;height:62px;background:url(../images/aboutbefore.png) no-repeat center center;background-size:40px auto;}
		.aboutinfo dl:after{content:'';display:block;position:absolute;top:0;right:0;width:72px;height:62px;background:url(../images/aboutafter.png) no-repeat center center;background-size:40px auto;}
		.aboutinfo dt{font-size:24px;line-height:30px;margin-bottom:30px;}
		.aboutinfo dd{color:#888;line-height:25px;font-size:16px;}
	
.strength{padding:100px 0;}
	.strengthtitle{text-align:center;background:url(../images/ico1.jpg) no-repeat center bottom;padding-bottom:30px;margin-bottom:40px;}
		.strengthtitle h2{font-size:48px;line-height:60px;margin-bottom:10px;}
		.strengthtitle h2 span{color:#0376d8;}
		.strengthtitle h3{font-size:18px;color:#666;font-weight:normal;}
	.strengthlist{}
		.strengthlist ul{}
		.strengthlist li{float:left;width:200px;position:relative;}
		.strengthlist li:before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);}
		.strengthlist li.on{width:600px;}
		.strengthlist li.on:before{display:none;}
			.strengthlist li div{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;opacity:1;transition:all ease-out 0.3s;}
			.strengthlist li.on div{opacity:0;}
				.strengthlist li div i{display: block;font-size: 14px;color: #8b8b8c;height: 26px;line-height: 26px;}
				.strengthlist li div em{display: block;height: 27px;line-height: 27px;font-size: 20px;color: #fff;font-weight: bold;}
				.strengthlist li div span{height: 67px;font-size: 24px;color: #fff;font-weight: bold;line-height: 58px;display: block;background: url(../images/sl_ico1.jpg) no-repeat center bottom;white-space:nowrap;}
				.strengthlist li div a{display:inline-block;margin-top: 51px;}
			.strengthlist li section{position:absolute;z-index:1;top:75px;right:75px;bottom:75px;left:75px;background:rgba(3,118,216,0.7);padding:30px;opacity:0;transition:all ease-out 0.3s;transform: scale(0);}
			.strengthlist li.on section{opacity:1;transform: scale(1);}
				.strengthlist li section i{display: block;height: 26px;font-size: 14px;color: #fff;line-height: 26px;opacity:0.6;}
				.strengthlist li section h4{line-height: 45px;font-size: 30px;color: #fff;font-weight: bold;}
				.strengthlist li section span{display: block;font-size: 16px;color: #fff;padding-top: 36px;margin-bottom:20px;}
			.strengthlist li figure{overflow:hidden;}
			.strengthlist li figure img{width:600px;}

/*  PAGE  */
.pgbanner{}
	.pgbanner figure{height:350px;position:relative;overflow:hidden;}
	.pgbanner img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;text-align:center;color:#fff;height:350px;}

.boxpgposition{border-bottom:1px solid #eee;line-height:40px;font-size:12px;padding:0 10px;}
	.pgposition{background:url(../images/toplocation.png) no-repeat 10px center;padding-left:45px;}

.listpage{clear:both;text-align:center;overflow:hidden;font-size:12px;margin-bottom:60px;}
.listpage ul{text-align:center;}
.listpage li{display:inline-block;margin:0 3px;}
.listpage li:last-child{}
.listpage a,.listpage span{display:inline-block;padding:7px 15px;border:1px solid #ccc;}
.listpage a:hover{background:#333;border:1px solid #333;color:#fff;}
.listpage span{background:#333;border:1px solid #333;color:#fff;}

.edit{font-size:16px;line-height:30px;}
	.edit img{max-width:100%;}

.boxpg{padding:60px 0;}

	.pgnav{background:#f4f4f4;line-height:55px;margin-bottom:40px;}
		.pgnav ul{display:flex;}
		.pgnav li{flex:1;}
		.pgnav li a{display:block;text-align:center;font-size:18px;position:relative;}
		.pgnav li a:after{content:'';display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);border-left:6px solid transparent;border-bottom:6px solid #fff;border-right:6px solid transparent;opacity:0;transition:all ease-out 0.3s;}
		.pgnav li a:hover,.pgnav li a.on{background:#333;color:#fff;}
		.pgnav li a:hover:after,.pgnav li a.on:after{opacity:1;}
	
	.pgaboutinfophoto{padding-top:30px;}
		.pgaboutinfophoto ul{margin:0 -1%;}
		.pgaboutinfophoto li{float:left;width:31.33%;margin:0 1%;}
		.pgaboutinfophoto li figure{overflow:hidden;}
		.pgaboutinfophoto li img{width:100%;}
	.pgaboutinfocon{}
		
		.pgbody{float:right;width:880px;}

			.pgcolumntitle{/*background:linear-gradient(to top,#ececec 0%,#ececec 100%);*/position:relative;line-height:30px;padding:20px;border:1px solid #eee;margin-bottom:20px;}
			.pgcolumntitle span{position:absolute;top:20px;right:20px;text-transform:uppercase;font-size:14px;color:#999;}
			.pgcolumntitle h3{position:relative;font-size:22px;font-weight:normal;}

			.pgcaselist{margin-bottom:30px;}
				.pgcaselist ul{margin:0 -1%;}
				.pgcaselist li{float:left;width:31.33%;margin:0 1% 2%;position:relative;}
					.pgcaselist li a{position:absolute;z-index:2;top:0;left:0;bottom:0;right:0;text-indent:-999em;}
					.pgcaselist li section{border:1px solid #eee;}
						.pgcaselist li section figure{position:relative;overflow:hidden;}
							.pgcaselist li section figure img{width:100%;}
							.pgcaselist li section figure figcaption{position:absolute;top:0;left:0;bottom:0;right:0;background:url(../images/iconsee.png) no-repeat center center rgba(230,0,0,0.5);text-indent:-999em;opacity:0;transition:all ease-out 0.3s;}
						.pgcaselist li section p{padding:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
					.pgcaselist li:hover img{transform:scale3d(1.05, 1.05, 1);}
					.pgcaselist li:hover figcaption{opacity:1;}
			
			.infoproduct{}
				.infoproducthead{margin-bottom:20px;position:relative;border:1px solid #eee;padding:20px;overflow:hidden;}
					.infoproductslide{float:left;width:335px;}
						.infoproductslide figure{overflow:hidden;}
						.infoproductslide figure img{width:100%;}
					.infoproductsummary{float:right;width:480px;}
						.infoproductsummary h1{font-size:24px;line-height:30px;margin-bottom:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
						.infoproductsummary section{color:#999;line-height:30px;}
						.infoproductsummary p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
						.infoproductsummary p span a{display:inline-block;line-height:30px;background:#0376d8;color:#fff;padding:0 20px;margin-top:10px;}
					.infoprevnext{}
						.infoprevnext span{position:absolute;bottom:20px;display:inline-block;line-height:40px;border:1px solid #ddd;}
						.prev{left:380px;background:url(../images/infoprev.png) no-repeat 10px center;padding:0 15px 0 35px}
						.next{right:20px;background:url(../images/infonext.png) no-repeat right 10px center;padding:0 35px 0 15px;}
				.infoproductdetail{border:1px solid #eee;padding:20px;margin-bottom:20px;}
					.detailtab{margin-bottom:30px;position:relative;}
						.detailtab h3{font-size:16px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
						.detailtab h3:after{content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#0376d8;}
						.detailtab span{position:absolute;top:15px;right:15px;}
						.detailtab span a{}
				
				.infoproductother{margin-bottom:20px;border:1px solid #eee;padding:20px;}
					.infoproductother h3{font-size:16px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
					.infoproductother h3:after{content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#0376d8;}
					.infoproductother ul{margin:0 -1%;}
					.infoproductother li{position:relative;float:left;width:18%;margin:0 1%;}
					.infoproductother li a{position:absolute;z-index:2;top:0;left:0;bottom:0;right:0;text-indent:-999em;}
					.infoproductother li figure{overflow:hidden;border:1px solid #dcdcdc;padding:10px;}
					.infoproductother li figure img{width:100%;margin-bottom:10px;}
					.infoproductother li figcaption{text-align:center;font-size:12px;}
					.infoproductother li:hover{box-shadow:0 0 10px rgba(0,0,0,0.1);}
					.infoproductother li:hover figure img{transform:scale3d(1.05, 1.05, 1);}
				
				.inforelated{border:1px solid #eee;padding:20px;}
					.inforelated h3{font-size:16px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
					.inforelated h3:after{content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#0376d8;}
					.inforelated ul{}
					.inforelated li{line-height:30px;}
			
			.pgnewslist{margin-bottom:30px;padding-top:10px;}
				.pgnewslist ul{}
				.pgnewslist li{position:relative;margin-bottom:20px;}
				.pgnewslist li section{overflow:hidden;position:relative;padding:20px;border:1px solid #eee;transition:all ease-out 0.3s;}
					.pgnewslist li section dl{}
						.pgnewslist li section dt{font-size:16px;line-height:30px;border-bottom:1px solid #eee;margin-bottom:10px;padding-bottom:10px;}
						.pgnewslist li section dd{color:#999;line-height:25px;}
							.pgnewslist li section dd span a{display:inline-block;margin-top:20px;border:1px solid #eee;padding:0 20px;line-height:38px;font-size:12px;color:#999;}
				.pgnewslist li section time{position:absolute;top:30px;right:30px;font-size:12px;color:#999;line-height:30px;}
				.pgnewslist li:hover section dd span a{background:#0376d8;color:#fff;}
			
			article{padding:20px;border:1px solid #eee;margin-bottom:20px;}
				.articlehead{padding-bottom:10px;border-bottom:1px solid #eee;margin-bottom:10px;}
					.articlehead h1{font-size:24px;line-height:30px;}
					.articlehead p{font-size:12px;color:#999;margin-top:10px;}
					.articlehead p span{margin-right:10px;}
					.articlehead p time{margin-right:10px;}
				.articlebody{}
					.edit{line-height:200%;margin-bottom:30px;columns: 500px 2;column-gap: 40px;}
						.edit img{}
					.pgshare{text-align:center;margin:30px 0 0;}
						.bdsharebuttonbox{font-style:normal;display:inline-block;}
						.bdsharebuttonbox a.bds_more{background:none;float:none;padding:0;margin:0;line-height:50px;font-weight:bold;color:#fff;display:inline-block;width:50px;height:50px;text-align:center;background:url(../images/share.png) no-repeat center center #333;border-radius:60px;text-indent:-999em;font-size:12px;}
						.bdsharebuttonbox span{display:inline-block;}
					.relatedarticle{}
						.relatedarticle h3{font-size:18px;line-height:30px;margin-bottom:10px;}
						.relatedarticle ul{}
						.relatedarticle li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:30px;}
						.relatedarticle li a{float:left;position:relative;padding-left:13px;}
						.relatedarticle li a:after{content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:3px;height:3px;background:#ddd;}
						.relatedarticle li time{float:right;color:#999;font-size:12px;}
					.infotags{margin-bottom:20px;background:#eee;padding:10px;border-radius:3px;}
					.infoprevnext{}

						.table{overflow-x:scroll;}
						.table::-webkit-scrollbar{width:1px;height:1px;}
						.table::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:rgba(0,0,0,0.2);}
						.table::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background:rgba(0,0,0,0.1);}
						.table table{border-collapse:collapse;border:1px solid #666;width:100%;box-sizing:border-box;}
						.table tr{}
						.table th{font-size:14px;border:1px solid #ddd;padding:8px 10px;line-height:150%;background:#f9f9f9;font-weight:normal;}
						.table td{font-size:12px;border:1px solid #ddd;padding:8px 10px;line-height:150%;}

		.pgside{float:left;width:280px;}

			.pgsidenav{margin-bottom:20px;background:#ececec;}
				.pgsidenavhead{color:#fff;background:linear-gradient(to top,#0376d8 0%,#0376d8 100%);padding:20px;}
					.pgsidenav p{text-transform:uppercase;font-family:impact;font-size:24px;line-height:40px;margin-bottom:20px;position:relative;}
					.pgsidenav p:after{content:'';display:block;position:absolute;bottom:-10px;left:0;width:30px;height:2px;background:#fff;}
					.pgsidenav h3{position:relative;font-size:20px;line-height:30px;}				
				.pgsidenav ul{}
				.pgsidenav li{}
				.pgsidenav li:last-child{border-bottom:none;}
				.pgsidenav li a{line-height:60px;display:block;padding:0 20px;position:relative;border-bottom:1px solid #ddd;}
				.pgsidenav li a:after{content:'';display:block;position:absolute;right:20px;top:20px;width:10px;height:10px;text-align:center;border-top:2px solid #ddd;border-right:2px solid #ddd;transform:rotate(45deg);}
				.pgsidenav li a:hover,.pgsidenav li a.on{background:#f5f5f5;}
				.pgsidenav li ul{padding:0;}
				.pgsidenav li li a{line-height:39px;background:none;padding-left:38px;border-bottom:1px dashed #ddd;}
				.pgsidenav li li a:before{content:'';display:block;position:absolute;left:20px;top:16px;width:5px;height:5px;border:2px solid #ddd;}
				.pgsidenav li li a:after{content:'';}
				.pgsidenav li li a:hover{background:none;color:#06c;}
				.pgsidenav li li a:hover:before{border:2px solid #06c;}

			.pgsidearticle{border:1px solid #eee;padding:20px;margin-bottom:20px;}
				.pgsidearticle h3{margin-bottom:10px;font-size:16px;line-height:40px;border-bottom:1px solid #eee;}
				.pgsidearticle ul{padding:20px 0;}
				.pgsidearticle li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;line-height:25px;}
				.pgsidearticle li a{position:relative;padding-left:15px;}
				.pgsidearticle li a:after{content:'';display:block;position:absolute;top:50%;let:0;width:3px;height:3px;transform:translateY(-50%);background:#999;}

			.pgsidekey{border:1px solid #eee;padding:20px;margin-bottom:20px;}
				.pgsidekey h3{margin-bottom:10px;font-size:16px;line-height:40px;border-bottom:1px solid #eee;}
				.pgsidekey section{line-height:25px;}
				.pgsidekey a{display:inline-block;line-height:30px;padding:0 10px;margin:0 10px 10px 0;border:1px solid #ddd;}

			.pgsidecotact{border:1px solid #eee;padding:20px;}
				.pgsidecotact h3{margin-bottom:10px;font-size:16px;line-height:40px;border-bottom:1px solid #eee;}
				.pgsidecotact section{line-height:25px;}
				.pgsidecotact a.chat{display:inline-block;line-height:50px;padding:0 10px;background:#0376d8;margin-top:20px;color:#fff;}


			.pgmap{float:right;width:48%;}

			.pgcontact{}
			.pgcontacttitle{margin-bottom:40px;}
				.pgcontacttitle h1{font-size:36px;line-height:40px;font-weight:normal;text-align:center;}
			.pgcontactlist{margin:0 -1%;overflow:hidden;margin-bottom:40px;}
				.pgcontactlist section{float:left;width:23%;margin:0 1%;box-sizing:border-box;border:1px solid #f5f5f5;padding:30px 0;text-align:center;}
				.pgcontactlist figure{width:50px;margin:0 auto;margin-bottom:20px;}
				.pgcontactlist p{}
			.pgcontactmap{margin-bottom:40px;}

			.pgmessage{}
			.pgmessage h3{font-size:16px;margin-bottom:30px;}
			.pgmessage p{}
			.pgmessage form{margin-top:30px;}
			.pgmessage ul{overflow:hidden;}
			.pgmessage li{position:relative;margin-bottom:20px;border-bottom:1px solid #eee;box-sizing:border-box;}
			.pgmessage li:last-child{border:none;margin-bottom:0;}
			.pgmessage li:nth-of-type(1),.pgmessage li:nth-of-type(2),.pgmessage li:nth-of-type(3),.pgmessage li:nth-of-type(4){float:left;width:25%;}
			.pgmessage li:nth-of-type(5){clear:both;}
			.pgmessage li:nth-of-type(6),.pgmessage li:nth-of-type(7){float:left;width:25%;}
			.pgmessage li span{position:absolute;top:-10px;left:20px;font-size:12px;color:#999;background:#fff;padding:0 10px;}
			.pgmessage li span i{margin-right:10px;}
			.pgmessage li input{width:100%;height:40px;line-height:40px;}
			.pgmessage li textarea{display:block;border:none;width:100%;height:120px;}
			.pgmessage li input.btn{width:100%;background:#232e39;color:#fff;}
			#checkCodeImg{position:absolute;top:7px;right:7px;}
			
.pgsearchlist{}
	.pgsearchlisttotal{border:1px solid #eee;padding:30px;background:#eee;}
	.pgsearchproductlist{margin-top:40px;}
		.pgsearchproductlist h2{font-size:17px;line-height:30px;margin-bottom:20px;background:#eee;padding:10px;}
		.pgsearchproductlist ul{margin:0 -1%;}
		.pgsearchproductlist li{float:left;width:23%;margin:0 1% 20px;}
		.pgsearchproductlist li section{position:relative;overflow:hidden;}
		.pgsearchproductlist li section a{position:absolute;top:0;left:0;right:0;bottom:0;text-indent:-999em;}
		.pgsearchproductlist li figure{overflow:hidden;}
		.pgsearchproductlist li figure img{width:100%;}
		.pgsearchproductlist li p{position:absolute;bottom:0;left:0;right:0;line-height:40px;text-align:center;background:rgba(0,0,0,0.8);color:#fff;}
	.pgsearcharticlelist{margin-top:40px;}
		.pgsearcharticlelist h2{font-size:17px;line-height:30px;margin-bottom:20px;background:#eee;padding:10px;}
		.pgsearcharticlelist ul{overflow:hidden;margin:0 -1%;}
		.pgsearcharticlelist li{float:left;width:31.33%;margin:0 1% 20px;}
		.pgsearcharticlelist li a{display:block;}
		.pgsearcharticlelist li section{padding:20px;border:1px solid #eee;background:#fff;}
		.pgsearcharticlelist li time{display:block;margin-bottom:5px;}
		.pgsearcharticlelist li dl{box-sizing:border-box;margin-bottom:5px;}
		.pgsearcharticlelist li dt{font-size:16px;line-height:30px;}
		.pgsearcharticlelist li dd{height:40px;overflow:hidden;color:#999;font-size:12px;}
		.pgsearcharticlelist li span{display:block;}
	.pgsearchcaselist{}
		.pgsearchcaselist h2{font-size:17px;line-height:30px;margin-bottom:20px;background:#eee;padding:10px;}
		.pgsearchcaselist ul{margin:0 -1%;}
		.pgsearchcaselist li{float:left;width:23%;margin:0 1% 20px;}
		.pgsearchcaselist li section{position:relative;overflow:hidden;}
		.pgsearchcaselist li section a{position:absolute;top:0;left:0;right:0;bottom:0;text-indent:-999em;}
		.pgsearchcaselist li figure{overflow:hidden;}
		.pgsearchcaselist li figure img{width:100%;}
		.pgsearchcaselist li p{position:absolute;bottom:0;left:0;right:0;line-height:40px;text-align:center;background:rgba(0,0,0,0.8);color:#fff;}
	.pgsearchjoblist{}
	.pgsearchdownlist{}

.pgsitemap{}
	.pgsitemap section{margin-bottom:30px;}
	.pgsitemap h3{font-size:17px;margin-bottom:10px;}
	.pgsitemap ul{clear:both;}
	.pgsitemap li{float:left;width:25%;border-bottom:1px solid #ddd;line-height:40px;}
	.pgsitemap ul ul{background:#eee;}
	.pgsitemap li li{float:none;width:100%;}
	.pgsitemap ul ul ul{background:#ccc;}

}
@media (min-width:1025px) and (max-width:1366px){/* LAPTOPS */
/*  INDEX  */
.banner{position:relative;}
	.banner figure{overflow:hidden;}
	.banner img{width: 100%;}
	.banner section{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1200px;margin-top:100px;}
		.banner section h3{color:#fff;font-size:50px;line-height:60px;margin-bottom:20px;white-space:nowrap;}
		.banner section p{color:#fff;font-size:22px;white-space:nowrap;margin-bottom:60px;}
		.banner section a{display:block;}

.search{display:none;padding:30px 0;background:#f9f9f9;}
	.searchhot{float:left;font-size:16px;line-height:40px;}
		.searchhot strong{color:#0376d8;}
		.searchhot a{margin-right:20px;color:#999;}
	.searchform{float:right;}
		.searchform form{position:relative;}
		.searchform input{box-sizing:border-box;}
		.searchform input.txt{background:#f1f1f1;height:40px;border-radius:40px;padding:0 20px;}
		.searchform input.btn{position:absolute;top:5px;right:5px;width:30px;height:30px;background:url(../images/iconsearch.png) no-repeat center center;}

.productclass{background:#f5f5f5;padding:60px 0;position:relative;}
	.productclass .swiper-container{padding-bottom:80px;}
	.productclass section{border-top:2px solid #ccc;padding-top:30px;position:relative;}
		.productclass section a{position:absolute;z-index:2;top:0;left:0;bottom:0;right:0;text-indent:-999em;}
		.productclass section h3{font-size:18px;background:url(../images/yy_a1.png) no-repeat right center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:30px;margin-bottom:20px;}
		.productclass section p{text-transform:capitalize;margin-bottom:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;color:#999;}
		.productclass section figure{}
		.productclass:after{content:'';display:block;position:absolute;top:285px;left:50%;transform:translateX(-50%);width:1200px;height:1px;background:linear-gradient(to right,#ccc 0,#ccc 570px,transparent 570px,transparent 630px,#ccc 630px,#ccc 1200px);}
		.productclass .swiper-button-prev{position:absolute;top:230px;left:580px;width:15px;height:30px;background:url(../images/classprev.jpg) no-repeat center center;}
		.productclass .swiper-button-next{position:absolute;top:230px;right:580px;width:15px;height:30px;background:url(../images/classnext.jpg) no-repeat center center;}

.machining{padding:100px 0;background:url(../images/productbg.jpg) no-repeat center center;background-size:cover;}
	.machiningtitle{text-align:center;background:url(../images/pro_tt.png) no-repeat center bottom;padding-bottom:30px;margin-bottom:40px;}
		.machiningtitle h2{font-size:48px;line-height:60px;margin-bottom:10px;color:#fff;}
		.machiningtitle h2 span{color:#0376d8;}
		.machiningtitle h3{font-size:18px;color:#ccc;font-weight:normal;}
	.machiningtab{overflow:hidden;background:#292929;margin-bottom:30px;}
		.machiningtab .swiper-container{}
		.machiningtab h3{line-height:63px;text-align:center;background:url(../images/pro_a2.png) no-repeat;background-position:right 20px center;}
		.machiningtab h3 a{color:#8b8b8b;}
		.machiningtab .swiper-slide-thumb-active h3{background:url(../images/pro_a2_hv.png) no-repeat #0376d8;background-position:right 20px center;}
		.machiningtab .swiper-slide-thumb-active h3 a{color:#fff;}
	.machiningcon{}
		.machininglist{}
			.machininglist ul{margin:0 -1%;}
			.machininglist li{float:left;width:31.33%;margin:0 1% 20px;}
			.machininglist li figure{overflow:hidden;}
			.machininglist li figure img{width:100%;}
			.machininglist li section{overflow:hidden;background:#fff;position:relative;position:relative;padding-right:132px;border-top:1px solid #eee;}
			.machininglist li section h3{line-height:66px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-left:20px;}
			.machininglist li section a.more{position:absolute;top:0;right:66px;text-indent:-999em;display:inline-block;width:66px;height:66px;background:url(../images/pro_ico1.jpg) no-repeat center center;}
			.machininglist li section a.chat{position:absolute;top:0;right:0;text-indent:-999em;display:inline-block;width:66px;height:66px;background:url(../images/pro_ico2.jpg) no-repeat center center;}
			.machininglist li:hover figure img{transform:scale3d(1.05, 1.05, 1);}

.guarantee{padding:80px 0;position:relative;}
	.guaranteetitle{text-align:center;background:url(../images/ico1.jpg) no-repeat center bottom;padding-bottom:30px;margin-bottom:40px;}
		.guaranteetitle h2{font-size:48px;line-height:60px;margin-bottom:10px;}
		.guaranteetitle h2 span{color:#0376d8;}
		.guaranteetitle h3{font-size:18px;color:#666;font-weight:normal;}
	.guaranteecon{}
		.guaranteecon section{position:relative;}
			.guaranteecon section figure{overflow:hidden;margin-bottom:30px;}
			.guaranteecon section figure img{}
			.guaranteecon section i{position:absolute;bottom:0;left:0;display:block;width:120px;font-style:normal;color:#0376d8;}
			.guaranteecon section i strong{display:block;font-size:90px;line-height:80px;font-family:arial,verdana,sans-serif;}
			.guaranteecon section i em{display:block;}
			.guaranteecon section dl{padding-left:120px;}
			.guaranteecon section dt{font-size:28px;font-weight:bold;line-height:40px;position:relative;padding-bottom:40px;}
			.guaranteecon section dt:before{content:'';display:block;position:absolute;top:50px;left:0;right:0;height:1px;background:#eee;}
			.guaranteecon section dt:after{content:'';display:block;position:absolute;top:49px;left:0;width:50px;height:3px;background:#0376d8;}
			.guaranteecon section dd{font-size:18px;}
			.guaranteecon section dd span{display:inline-block;margin-right:20px;background:url(../images/ys_a2.jpg) no-repeat 0 center;padding-left:15px;color:#999;}

.article{padding:100px 0;background:url(../images/newsbg.jpg) no-repeat center 0;}
	.articletitle{text-align:center;background:url(../images/pro_tt.png) no-repeat center bottom;padding-bottom:30px;margin-bottom:40px;}
		.articletitle h2{font-size:48px;line-height:60px;margin-bottom:10px;color:#fff;}
		.articletitle h2 span{color:#0376d8;}
		.articletitle h3{font-size:18px;color:#ccc;font-weight:normal;}
	.articlecon{overflow:hidden;background:#f7f7f7;}
		.articlecon section{float:left;width:400px;box-sizing:border-box;padding:30px;}
		.articlecon section.on{background:#eeeded;}
		.articlecon section a.more{display:block;margin-bottom:20px;background:url(../images/ns_a1.png) no-repeat right 0;}
			.articlecon section a.more h3{font-size:24px;line-height:30px;}
			.articlecon section a.more p{font-size:12px;color:#999;text-transform:uppercase;}
		.articlecon section.on a.more{color:#0376d8;background:url(../images/ns_a1_hv.png) no-repeat right 0;}
		.articlecon section figure{overflow:hidden;margin-bottom:20px;height: 255px;}
		.articlecon section figure img{width:100%;}
		.articlecon section.on figure img{transform:scale3d(1.05, 1.05, 1);}
		.articlecon section dl{}
		.articlecon section dt{margin-bottom:20px;font-size:16px;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
		.articlecon section dd{color:#888;}
		.articlecon section dd time{display:block;font-size:12px;margin-top:20px;}

.about{padding:0 0 80px;background:linear-gradient(to top,#f6f6f6 0,#f6f6f6 420px,transparent 420px,transparent 1200px);}
	.abouttitle{text-align:center;background:url(../images/ico1.jpg) no-repeat center bottom;padding-bottom:30px;margin-bottom:40px;}
		.abouttitle h2{font-size:48px;line-height:60px;margin-bottom:10px;}
		.abouttitle h2 span{color:#0376d8;}
		.abouttitle h3{font-size:18px;color:#666;font-weight:normal;}
	.aboutvideo{margin-bottom:30px;}
	.aboutinfo{padding:30px 0;}
		.aboutinfo dl{position:relative;text-align:center;padding:0 70px;}
		.aboutinfo dl:before{content:'';display:block;position:absolute;top:0;left:0;width:72px;height:62px;background:url(../images/aboutbefore.png) no-repeat center center;background-size:40px auto;}
		.aboutinfo dl:after{content:'';display:block;position:absolute;top:0;right:0;width:72px;height:62px;background:url(../images/aboutafter.png) no-repeat center center;background-size:40px auto;}
		.aboutinfo dt{font-size:24px;line-height:30px;margin-bottom:30px;}
		.aboutinfo dd{color:#888;line-height:25px;font-size:16px;}
	
.strength{padding:100px 0;}
	.strengthtitle{text-align:center;background:url(../images/ico1.jpg) no-repeat center bottom;padding-bottom:30px;margin-bottom:40px;}
		.strengthtitle h2{font-size:48px;line-height:60px;margin-bottom:10px;}
		.strengthtitle h2 span{color:#0376d8;}
		.strengthtitle h3{font-size:18px;color:#666;font-weight:normal;}
	.strengthlist{}
		.strengthlist ul{}
		.strengthlist li{float:left;width:200px;position:relative;}
		.strengthlist li:before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);}
		.strengthlist li.on{width:600px;}
		.strengthlist li.on:before{display:none;}
			.strengthlist li div{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;opacity:1;transition:all ease-out 0.3s;}
			.strengthlist li.on div{opacity:0;}
				.strengthlist li div i{display: block;font-size: 14px;color: #8b8b8c;height: 26px;line-height: 26px;}
				.strengthlist li div em{display: block;height: 27px;line-height: 27px;font-size: 20px;color: #fff;font-weight: bold;}
				.strengthlist li div span{height: 67px;font-size: 24px;color: #fff;font-weight: bold;line-height: 58px;display: block;background: url(../images/sl_ico1.jpg) no-repeat center bottom;white-space:nowrap;}
				.strengthlist li div a{display:inline-block;margin-top: 51px;}
			.strengthlist li section{position:absolute;z-index:1;top:75px;right:75px;bottom:75px;left:75px;background:rgba(3,118,216,0.7);padding:30px;opacity:0;transition:all ease-out 0.3s;transform: scale(0);}
			.strengthlist li.on section{opacity:1;transform: scale(1);}
				.strengthlist li section i{display: block;height: 26px;font-size: 14px;color: #fff;line-height: 26px;opacity:0.6;}
				.strengthlist li section h4{line-height: 45px;font-size: 30px;color: #fff;font-weight: bold;}
				.strengthlist li section span{display: block;font-size: 16px;color: #fff;padding-top: 36px;margin-bottom:20px;}
			.strengthlist li figure{overflow:hidden;}
			.strengthlist li figure img{width:600px;}

/*  PAGE  */
.pgbanner{}
	.pgbanner figure{height:350px;position:relative;overflow:hidden;}
	.pgbanner img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;text-align:center;color:#fff;height:350px;}

.boxpgposition{border-bottom:1px solid #eee;line-height:40px;font-size:12px;padding:0 10px;}
	.pgposition{background:url(../images/toplocation.png) no-repeat 10px center;padding-left:45px;}

.listpage{clear:both;text-align:center;overflow:hidden;font-size:12px;margin-bottom:60px;}
.listpage ul{text-align:center;}
.listpage li{display:inline-block;margin:0 3px;}
.listpage li:last-child{}
.listpage a,.listpage span{display:inline-block;padding:7px 15px;border:1px solid #ccc;}
.listpage a:hover{background:#333;border:1px solid #333;color:#fff;}
.listpage span{background:#333;border:1px solid #333;color:#fff;}

.edit{font-size:16px;line-height:30px;}
	.edit img{max-width:100%;}

.boxpg{padding:60px 0;}

	.pgnav{background:#f4f4f4;line-height:55px;margin-bottom:40px;}
		.pgnav ul{display:flex;}
		.pgnav li{flex:1;}
		.pgnav li a{display:block;text-align:center;font-size:18px;position:relative;}
		.pgnav li a:after{content:'';display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);border-left:6px solid transparent;border-bottom:6px solid #fff;border-right:6px solid transparent;opacity:0;transition:all ease-out 0.3s;}
		.pgnav li a:hover,.pgnav li a.on{background:#333;color:#fff;}
		.pgnav li a:hover:after,.pgnav li a.on:after{opacity:1;}
	
	.pgaboutinfophoto{padding-top:30px;}
		.pgaboutinfophoto ul{margin:0 -1%;}
		.pgaboutinfophoto li{float:left;width:31.33%;margin:0 1%;}
		.pgaboutinfophoto li figure{overflow:hidden;}
		.pgaboutinfophoto li img{width:100%;}
	.pgaboutinfocon{}
		
		.pgbody{float:right;width:880px;}

			.pgcolumntitle{/*background:linear-gradient(to top,#ececec 0%,#ececec 100%);*/position:relative;line-height:30px;padding:20px;border:1px solid #eee;margin-bottom:20px;}
			.pgcolumntitle span{position:absolute;top:20px;right:20px;text-transform:uppercase;font-size:14px;color:#999;}
			.pgcolumntitle h3{position:relative;font-size:22px;font-weight:normal;}

			.pgcaselist{margin-bottom:30px;}
				.pgcaselist ul{margin:0 -1%;}
				.pgcaselist li{float:left;width:31.33%;margin:0 1% 2%;position:relative;}
					.pgcaselist li a{position:absolute;z-index:2;top:0;left:0;bottom:0;right:0;text-indent:-999em;}
					.pgcaselist li section{border:1px solid #eee;}
						.pgcaselist li section figure{position:relative;overflow:hidden;}
							.pgcaselist li section figure img{width:100%;}
							.pgcaselist li section figure figcaption{position:absolute;top:0;left:0;bottom:0;right:0;background:url(../images/iconsee.png) no-repeat center center rgba(230,0,0,0.5);text-indent:-999em;opacity:0;transition:all ease-out 0.3s;}
						.pgcaselist li section p{padding:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
					.pgcaselist li:hover img{transform:scale3d(1.05, 1.05, 1);}
					.pgcaselist li:hover figcaption{opacity:1;}
			
			.infoproduct{}
				.infoproducthead{margin-bottom:20px;position:relative;border:1px solid #eee;padding:20px;overflow:hidden;}
					.infoproductslide{float:left;width:335px;}
						.infoproductslide figure{overflow:hidden;}
						.infoproductslide figure img{width:100%;}
					.infoproductsummary{float:right;width:480px;}
						.infoproductsummary h1{font-size:24px;line-height:30px;margin-bottom:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
						.infoproductsummary section{color:#999;line-height:30px;}
						.infoproductsummary p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
						.infoproductsummary p span a{display:inline-block;line-height:30px;background:#0376d8;color:#fff;padding:0 20px;margin-top:10px;}
					.infoprevnext{}
						.infoprevnext span{position:absolute;bottom:20px;display:inline-block;line-height:40px;border:1px solid #ddd;}
						.prev{left:380px;background:url(../images/infoprev.png) no-repeat 10px center;padding:0 15px 0 35px}
						.next{right:20px;background:url(../images/infonext.png) no-repeat right 10px center;padding:0 35px 0 15px;}
				.infoproductdetail{border:1px solid #eee;padding:20px;margin-bottom:20px;}
					.detailtab{margin-bottom:30px;position:relative;}
						.detailtab h3{font-size:16px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
						.detailtab h3:after{content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#0376d8;}
						.detailtab span{position:absolute;top:15px;right:15px;}
						.detailtab span a{}
				
				.infoproductother{margin-bottom:20px;border:1px solid #eee;padding:20px;}
					.infoproductother h3{font-size:16px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
					.infoproductother h3:after{content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#0376d8;}
					.infoproductother ul{margin:0 -1%;}
					.infoproductother li{position:relative;float:left;width:18%;margin:0 1%;}
					.infoproductother li a{position:absolute;z-index:2;top:0;left:0;bottom:0;right:0;text-indent:-999em;}
					.infoproductother li figure{overflow:hidden;border:1px solid #dcdcdc;padding:10px;}
					.infoproductother li figure img{width:100%;margin-bottom:10px;}
					.infoproductother li figcaption{text-align:center;font-size:12px;}
					.infoproductother li:hover{box-shadow:0 0 10px rgba(0,0,0,0.1);}
					.infoproductother li:hover figure img{transform:scale3d(1.05, 1.05, 1);}
				
				.inforelated{border:1px solid #eee;padding:20px;}
					.inforelated h3{font-size:16px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
					.inforelated h3:after{content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#0376d8;}
					.inforelated ul{}
					.inforelated li{line-height:30px;}
			
			.pgnewslist{margin-bottom:30px;padding-top:10px;}
				.pgnewslist ul{}
				.pgnewslist li{position:relative;margin-bottom:20px;}
				.pgnewslist li section{overflow:hidden;position:relative;padding:20px;border:1px solid #eee;transition:all ease-out 0.3s;}
					.pgnewslist li section dl{}
						.pgnewslist li section dt{font-size:16px;line-height:30px;border-bottom:1px solid #eee;margin-bottom:10px;padding-bottom:10px;}
						.pgnewslist li section dd{color:#999;line-height:25px;}
							.pgnewslist li section dd span a{display:inline-block;margin-top:20px;border:1px solid #eee;padding:0 20px;line-height:38px;font-size:12px;color:#999;}
				.pgnewslist li section time{position:absolute;top:30px;right:30px;font-size:12px;color:#999;line-height:30px;}
				.pgnewslist li:hover section dd span a{background:#0376d8;color:#fff;}
			
			article{padding:20px;border:1px solid #eee;margin-bottom:20px;}
				.articlehead{padding-bottom:10px;border-bottom:1px solid #eee;margin-bottom:10px;}
					.articlehead h1{font-size:24px;line-height:30px;}
					.articlehead p{font-size:12px;color:#999;margin-top:10px;}
					.articlehead p span{margin-right:10px;}
					.articlehead p time{margin-right:10px;}
				.articlebody{}
					.edit{line-height:200%;margin-bottom:30px;columns: 500px 2;column-gap: 40px;}
						.edit img{}
					.pgshare{text-align:center;margin:30px 0 0;}
						.bdsharebuttonbox{font-style:normal;display:inline-block;}
						.bdsharebuttonbox a.bds_more{background:none;float:none;padding:0;margin:0;line-height:50px;font-weight:bold;color:#fff;display:inline-block;width:50px;height:50px;text-align:center;background:url(../images/share.png) no-repeat center center #333;border-radius:60px;text-indent:-999em;font-size:12px;}
						.bdsharebuttonbox span{display:inline-block;}
					.relatedarticle{}
						.relatedarticle h3{font-size:18px;line-height:30px;margin-bottom:10px;}
						.relatedarticle ul{}
						.relatedarticle li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:30px;}
						.relatedarticle li a{float:left;position:relative;padding-left:13px;}
						.relatedarticle li a:after{content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:3px;height:3px;background:#ddd;}
						.relatedarticle li time{float:right;color:#999;font-size:12px;}
					.infotags{margin-bottom:20px;background:#eee;padding:10px;border-radius:3px;}
					.infoprevnext{}

						.table{overflow-x:scroll;}
						.table::-webkit-scrollbar{width:1px;height:1px;}
						.table::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:rgba(0,0,0,0.2);}
						.table::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background:rgba(0,0,0,0.1);}
						.table table{border-collapse:collapse;border:1px solid #666;width:100%;box-sizing:border-box;}
						.table tr{}
						.table th{font-size:14px;border:1px solid #ddd;padding:8px 10px;line-height:150%;background:#f9f9f9;font-weight:normal;}
						.table td{font-size:12px;border:1px solid #ddd;padding:8px 10px;line-height:150%;}

		.pgside{float:left;width:280px;}

			.pgsidenav{margin-bottom:20px;background:#ececec;}
				.pgsidenavhead{color:#fff;background:linear-gradient(to top,#0376d8 0%,#0376d8 100%);padding:20px;}
					.pgsidenav p{text-transform:uppercase;font-family:impact;font-size:24px;line-height:40px;margin-bottom:20px;position:relative;}
					.pgsidenav p:after{content:'';display:block;position:absolute;bottom:-10px;left:0;width:30px;height:2px;background:#fff;}
					.pgsidenav h3{position:relative;font-size:20px;line-height:30px;}				
				.pgsidenav ul{}
				.pgsidenav li{}
				.pgsidenav li:last-child{border-bottom:none;}
				.pgsidenav li a{line-height:60px;display:block;padding:0 20px;position:relative;border-bottom:1px solid #ddd;}
				.pgsidenav li a:after{content:'';display:block;position:absolute;right:20px;top:20px;width:10px;height:10px;text-align:center;border-top:2px solid #ddd;border-right:2px solid #ddd;transform:rotate(45deg);}
				.pgsidenav li a:hover,.pgsidenav li a.on{background:#f5f5f5;}
				.pgsidenav li ul{padding:0;}
				.pgsidenav li li a{line-height:39px;background:none;padding-left:38px;border-bottom:1px dashed #ddd;}
				.pgsidenav li li a:before{content:'';display:block;position:absolute;left:20px;top:16px;width:5px;height:5px;border:2px solid #ddd;}
				.pgsidenav li li a:after{content:'';}
				.pgsidenav li li a:hover{background:none;color:#06c;}
				.pgsidenav li li a:hover:before{border:2px solid #06c;}

			.pgsidearticle{border:1px solid #eee;padding:20px;margin-bottom:20px;}
				.pgsidearticle h3{margin-bottom:10px;font-size:16px;line-height:40px;border-bottom:1px solid #eee;}
				.pgsidearticle ul{padding:20px 0;}
				.pgsidearticle li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;line-height:25px;}
				.pgsidearticle li a{position:relative;padding-left:15px;}
				.pgsidearticle li a:after{content:'';display:block;position:absolute;top:50%;let:0;width:3px;height:3px;transform:translateY(-50%);background:#999;}

			.pgsidekey{border:1px solid #eee;padding:20px;margin-bottom:20px;}
				.pgsidekey h3{margin-bottom:10px;font-size:16px;line-height:40px;border-bottom:1px solid #eee;}
				.pgsidekey section{line-height:25px;}
				.pgsidekey a{display:inline-block;line-height:30px;padding:0 10px;margin:0 10px 10px 0;border:1px solid #ddd;}

			.pgsidecotact{border:1px solid #eee;padding:20px;}
				.pgsidecotact h3{margin-bottom:10px;font-size:16px;line-height:40px;border-bottom:1px solid #eee;}
				.pgsidecotact section{line-height:25px;}
				.pgsidecotact a.chat{display:inline-block;line-height:50px;padding:0 10px;background:#0376d8;margin-top:20px;color:#fff;}


			.pgmap{float:right;width:48%;}

			.pgcontact{}
			.pgcontacttitle{margin-bottom:40px;}
				.pgcontacttitle h1{font-size:36px;line-height:40px;font-weight:normal;text-align:center;}
			.pgcontactlist{margin:0 -1%;overflow:hidden;margin-bottom:40px;}
				.pgcontactlist section{float:left;width:23%;margin:0 1%;box-sizing:border-box;border:1px solid #f5f5f5;padding:30px 0;text-align:center;}
				.pgcontactlist figure{width:50px;margin:0 auto;margin-bottom:20px;}
				.pgcontactlist p{}
			.pgcontactmap{margin-bottom:40px;}

			.pgmessage{}
			.pgmessage h3{font-size:16px;margin-bottom:30px;}
			.pgmessage p{}
			.pgmessage form{margin-top:30px;}
			.pgmessage ul{overflow:hidden;}
			.pgmessage li{position:relative;margin-bottom:20px;border-bottom:1px solid #eee;box-sizing:border-box;}
			.pgmessage li:last-child{border:none;margin-bottom:0;}
			.pgmessage li:nth-of-type(1),.pgmessage li:nth-of-type(2),.pgmessage li:nth-of-type(3),.pgmessage li:nth-of-type(4){float:left;width:25%;}
			.pgmessage li:nth-of-type(5){clear:both;}
			.pgmessage li:nth-of-type(6),.pgmessage li:nth-of-type(7){float:left;width:25%;}
			.pgmessage li span{position:absolute;top:-10px;left:20px;font-size:12px;color:#999;background:#fff;padding:0 10px;}
			.pgmessage li span i{margin-right:10px;}
			.pgmessage li input{width:100%;height:40px;line-height:40px;}
			.pgmessage li textarea{display:block;border:none;width:100%;height:120px;}
			.pgmessage li input.btn{width:100%;background:#232e39;color:#fff;}
			#checkCodeImg{position:absolute;top:7px;right:7px;}
			
.pgsitemap{}
	.pgsitemap section{margin-bottom:30px;}
	.pgsitemap h3{font-size:17px;margin-bottom:10px;}
	.pgsitemap ul{clear:both;}
	.pgsitemap li{float:left;width:25%;border-bottom:1px solid #ddd;line-height:40px;}
	.pgsitemap ul ul{background:#eee;}
	.pgsitemap li li{float:none;width:100%;}
	.pgsitemap ul ul ul{background:#ccc;}

.pgsearchlist{}
	.pgsearchlisttotal{border:1px solid #eee;padding:30px;background:#eee;}
	.pgsearchproductlist{margin-top:40px;}
		.pgsearchproductlist h2{font-size:17px;line-height:30px;margin-bottom:20px;background:#eee;padding:10px;}
		.pgsearchproductlist ul{margin:0 -1%;}
		.pgsearchproductlist li{float:left;width:23%;margin:0 1% 20px;}
		.pgsearchproductlist li section{position:relative;overflow:hidden;}
		.pgsearchproductlist li section a{position:absolute;top:0;left:0;right:0;bottom:0;text-indent:-999em;}
		.pgsearchproductlist li figure{overflow:hidden;}
		.pgsearchproductlist li figure img{width:100%;}
		.pgsearchproductlist li p{position:absolute;bottom:0;left:0;right:0;line-height:40px;text-align:center;background:rgba(0,0,0,0.8);color:#fff;}
	.pgsearcharticlelist{margin-top:40px;}
		.pgsearcharticlelist h2{font-size:17px;line-height:30px;margin-bottom:20px;background:#eee;padding:10px;}
		.pgsearcharticlelist ul{overflow:hidden;margin:0 -1%;}
		.pgsearcharticlelist li{float:left;width:31.33%;margin:0 1% 20px;}
		.pgsearcharticlelist li a{display:block;}
		.pgsearcharticlelist li section{padding:20px;border:1px solid #eee;background:#fff;}
		.pgsearcharticlelist li time{display:block;margin-bottom:5px;}
		.pgsearcharticlelist li dl{box-sizing:border-box;margin-bottom:5px;}
		.pgsearcharticlelist li dt{font-size:16px;line-height:30px;}
		.pgsearcharticlelist li dd{height:40px;overflow:hidden;color:#999;font-size:12px;}
		.pgsearcharticlelist li span{display:block;}
	.pgsearchcaselist{}
		.pgsearchcaselist h2{font-size:17px;line-height:30px;margin-bottom:20px;background:#eee;padding:10px;}
		.pgsearchcaselist ul{margin:0 -1%;}
		.pgsearchcaselist li{float:left;width:23%;margin:0 1% 20px;}
		.pgsearchcaselist li section{position:relative;overflow:hidden;}
		.pgsearchcaselist li section a{position:absolute;top:0;left:0;right:0;bottom:0;text-indent:-999em;}
		.pgsearchcaselist li figure{overflow:hidden;}
		.pgsearchcaselist li figure img{width:100%;}
		.pgsearchcaselist li p{position:absolute;bottom:0;left:0;right:0;line-height:40px;text-align:center;background:rgba(0,0,0,0.8);color:#fff;}
	.pgsearchjoblist{}
	.pgsearchdownlist{}
}
@media (min-width:768px) and (max-width:1024px){/* TABLET */
/*  INDEX  */
.banner{position:relative;}
	.banner figure{overflow:hidden;position:relative;height:400px;}
	.banner img{height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
	.banner section{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1200px;margin-top:100px;}
		.banner section h3{color:#fff;font-size:50px;line-height:60px;margin-bottom:20px;white-space:nowrap;}
		.banner section p{color:#fff;font-size:22px;white-space:nowrap;margin-bottom:60px;}
		.banner section a{display:block;}

.search{display:none;padding:30px 0;background:#f9f9f9;}
	.searchhot{float:left;font-size:16px;line-height:40px;}
		.searchhot strong{color:#0376d8;}
		.searchhot a{margin-right:20px;color:#999;}
	.searchform{float:right;}
		.searchform form{position:relative;}
		.searchform input{box-sizing:border-box;}
		.searchform input.txt{background:#f1f1f1;height:40px;border-radius:40px;padding:0 20px;}
		.searchform input.btn{position:absolute;top:5px;right:5px;width:30px;height:30px;background:url(../images/iconsearch.png) no-repeat center center;}

.productclass{background:#f5f5f5;padding:60px 0;position:relative;}
	.productclass .swiper-container{padding-bottom:80px;}
	.productclass section{border-top:2px solid #ccc;padding-top:30px;position:relative;}
		.productclass section a{position:absolute;z-index:2;top:0;left:0;bottom:0;right:0;text-indent:-999em;}
		.productclass section h3{font-size:18px;background:url(../images/yy_a1.png) no-repeat right center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:30px;margin-bottom:20px;}
		.productclass section p{text-transform:capitalize;margin-bottom:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;color:#999;}
		.productclass section figure{}
		.productclass:after{content:'';display:block;position:absolute;top:285px;left:50%;transform:translateX(-50%);width:600px;height:1px;background:linear-gradient(to right,#ccc 0,#ccc 570px,transparent 570px,transparent 630px,#ccc 630px,#ccc 1200px);}
		.productclass .swiper-button-prev{position:absolute;top:230px;left:580px;width:15px;height:30px;background:url(../images/classprev.jpg) no-repeat center center;}
		.productclass .swiper-button-next{position:absolute;top:230px;right:580px;width:15px;height:30px;background:url(../images/classnext.jpg) no-repeat center center;}

.machining{padding:40px 0;background:url(../images/productbg.jpg) no-repeat center center;background-size:cover;}
	.machiningtitle{text-align:center;background:url(../images/pro_tt.png) no-repeat center bottom;padding-bottom:30px;margin-bottom:40px;}
		.machiningtitle h2{font-size:36px;line-height:40px;margin-bottom:10px;color:#fff;}
		.machiningtitle h2 span{color:#0376d8;}
		.machiningtitle h3{font-size:18px;color:#ccc;font-weight:normal;}
	.machiningtab{overflow:hidden;background:#292929;margin-bottom:30px;}
		.machiningtab .swiper-container{}
		.machiningtab h3{line-height:63px;text-align:center;background:url(../images/pro_a2.png) no-repeat;background-position:right 20px center;}
		.machiningtab h3 a{color:#8b8b8b;}
		.machiningtab .swiper-slide-thumb-active h3{background:url(../images/pro_a2_hv.png) no-repeat #0376d8;background-position:right 20px center;}
		.machiningtab .swiper-slide-thumb-active h3 a{color:#fff;}
	.machiningcon{}
		.machininglist{}
			.machininglist ul{margin:0 -1%;}
			.machininglist li{float:left;width:31.33%;margin:0 1% 20px;}
			.machininglist li figure{overflow:hidden;}
			.machininglist li figure img{width:100%;}
			.machininglist li section{overflow:hidden;background:#fff;position:relative;position:relative;padding-right:132px;border-top:1px solid #eee;}
			.machininglist li section h3{line-height:66px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-left:20px;}
			.machininglist li section a{}
			.machininglist li section a.more{position:absolute;top:0;right:66px;text-indent:-999em;display:inline-block;width:66px;height:66px;background:url(../images/pro_ico1.jpg) no-repeat center center;}
			.machininglist li section a.chat{position:absolute;top:0;right:0;text-indent:-999em;display:inline-block;width:66px;height:66px;background:url(../images/pro_ico2.jpg) no-repeat center center;}
			.machininglist li:hover figure img{transform:scale3d(1.05, 1.05, 1);}

.guarantee{padding:80px 0;position:relative;}
	.guaranteetitle{text-align:center;background:url(../images/ico1.jpg) no-repeat center bottom;padding-bottom:30px;margin-bottom:40px;}
		.guaranteetitle h2{font-size:36px;line-height:40px;margin-bottom:10px;}
		.guaranteetitle h2 span{color:#0376d8;}
		.guaranteetitle h3{font-size:18px;color:#666;font-weight:normal;}
	.guaranteecon{}
		.guaranteecon section{position:relative;}
			.guaranteecon section figure{overflow:hidden;margin-bottom:30px;}
			.guaranteecon section figure img{}
			.guaranteecon section i{position:absolute;bottom:0;left:0;display:block;width:120px;font-style:normal;color:#0376d8;}
			.guaranteecon section i strong{display:block;font-size:90px;line-height:80px;font-family:arial,verdana,sans-serif;}
			.guaranteecon section i em{display:block;}
			.guaranteecon section dl{padding-left:120px;}
			.guaranteecon section dt{font-size:24px;font-weight:bold;line-height:40px;position:relative;padding-bottom:40px;}
			.guaranteecon section dt:before{content:'';display:block;position:absolute;top:50px;left:0;right:0;height:1px;background:#eee;}
			.guaranteecon section dt:after{content:'';display:block;position:absolute;top:49px;left:0;width:50px;height:3px;background:#0376d8;}
			.guaranteecon section dd{font-size:16px;}
			.guaranteecon section dd span{display:inline-block;margin-right:20px;background:url(../images/ys_a2.jpg) no-repeat 0 center;padding-left:15px;color:#999;}

.article{padding:40px 0;background:url(../images/newsbg.jpg) no-repeat center 0;}
	.articletitle{text-align:center;background:url(../images/pro_tt.png) no-repeat center bottom;padding-bottom:30px;margin-bottom:40px;}
		.articletitle h2{font-size:36px;line-height:40px;margin-bottom:10px;color:#fff;}
		.articletitle h2 span{color:#0376d8;}
		.articletitle h3{font-size:18px;color:#ccc;font-weight:normal;}
	.articlecon{overflow:hidden;background:#f7f7f7;}
		.articlecon section{float:left;width:33.33%;box-sizing:border-box;padding:30px;}
		.articlecon section.on{background:#eeeded;}
		.articlecon section a.more{display:block;margin-bottom:20px;background:url(../images/ns_a1.png) no-repeat right 0;}
			.articlecon section a.more h3{font-size:24px;line-height:30px;}
			.articlecon section a.more p{font-size:12px;color:#999;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
		.articlecon section.on a.more{color:#0376d8;background:url(../images/ns_a1_hv.png) no-repeat right 0;}
		.articlecon section figure{overflow:hidden;margin-bottom:20px;}
		.articlecon section figure img{width:100%;}
		.articlecon section.on figure img{transform:scale3d(1.05, 1.05, 1);}
		.articlecon section dl{}
		.articlecon section dt{margin-bottom:10px;font-size:14px;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
		.articlecon section dd{color:#888;}
		.articlecon section dd time{display:block;font-size:12px;margin-top:20px;}

.about{padding:0 0 40px;background:linear-gradient(to top,#f6f6f6 0,#f6f6f6 420px,transparent 420px,transparent 1200px);}
	.abouttitle{text-align:center;background:url(../images/ico1.jpg) no-repeat center bottom;padding-bottom:30px;margin-bottom:40px;}
		.abouttitle h2{font-size:36px;line-height:40px;margin-bottom:10px;}
		.abouttitle h2 span{color:#0376d8;}
		.abouttitle h3{font-size:18px;color:#666;font-weight:normal;}
	.aboutvideo{margin-bottom:30px;}
		.aboutvideo img{width:100%;}
	.aboutinfo{padding:30px 0;}
		.aboutinfo dl{position:relative;text-align:center;padding:0 70px;}
		.aboutinfo dl:before{content:'';display:block;position:absolute;top:0;left:0;width:72px;height:62px;background:url(../images/aboutbefore.png) no-repeat center center;background-size:40px auto;}
		.aboutinfo dl:after{content:'';display:block;position:absolute;top:0;right:0;width:72px;height:62px;background:url(../images/aboutafter.png) no-repeat center center;background-size:40px auto;}
		.aboutinfo dt{font-size:24px;line-height:30px;margin-bottom:30px;}
		.aboutinfo dd{color:#888;line-height:25px;font-size:16px;}
	
.strength{padding:40px 0;}
	.strengthtitle{text-align:center;background:url(../images/ico1.jpg) no-repeat center bottom;padding-bottom:30px;margin-bottom:40px;}
		.strengthtitle h2{font-size:36px;line-height:40px;margin-bottom:10px;}
		.strengthtitle h2 span{color:#0376d8;}
		.strengthtitle h3{font-size:18px;color:#666;font-weight:normal;}
	.strengthlist{}
		.strengthlist ul{}
		.strengthlist li{float:left;width:15%;position:relative;}
		.strengthlist li:before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);}
		.strengthlist li.on{width:55%;}
		.strengthlist li.on:before{display:none;}
			.strengthlist li div{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;opacity:1;transition:all ease-out 0.3s;}
			.strengthlist li.on div{opacity:0;}
				.strengthlist li div i{display: block;font-size: 14px;color: #8b8b8c;height: 26px;line-height: 26px;}
				.strengthlist li div em{display: block;height: 27px;line-height: 27px;font-size: 20px;color: #fff;font-weight: bold;}
				.strengthlist li div span{height: 67px;font-size: 24px;color: #fff;font-weight: bold;line-height: 58px;display: block;background: url(../images/sl_ico1.jpg) no-repeat center bottom;white-space:nowrap;}
				.strengthlist li div a{display:inline-block;margin-top: 51px;}
			.strengthlist li section{position:absolute;z-index:1;top:75px;right:75px;bottom:75px;left:75px;background:rgba(3,118,216,0.7);padding:30px;opacity:0;transition:all ease-out 0.3s;transform: scale(0);}
			.strengthlist li.on section{opacity:1;transform: scale(1);}
				.strengthlist li section i{display: block;height: 26px;font-size: 14px;color: #fff;line-height: 26px;opacity:0.6;}
				.strengthlist li section h4{line-height: 45px;font-size: 30px;color: #fff;font-weight: bold;}
				.strengthlist li section span{display: block;font-size: 16px;color: #fff;padding-top: 36px;margin-bottom:20px;}
			.strengthlist li figure{overflow:hidden;}
			.strengthlist li figure img{width:600px;}

/*  PAGE  */
.boxpghead{}
	.boxpgbanner{height:240px;position:relative;overflow:hidden;}
	.boxpgbanner img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;text-align:center;color:#fff;height:240px;}

.boxpgposition{border-bottom:1px solid #eee;line-height:40px;font-size:12px;}
	.pgposition{background:url(../images/toplocation.png) no-repeat 10px center;padding-left:45px;}

.listpage{clear:both;text-align:center;overflow:hidden;font-size:12px;margin-bottom:60px;}
.listpage ul{text-align:center;}
.listpage li{display:inline-block;margin:0 3px;}
.listpage li:last-child{}
.listpage a,.listpage span{display:inline-block;padding:7px 15px;border:1px solid #ccc;}
.listpage a:hover{background:#333;border:1px solid #333;color:#fff;}
.listpage span{background:#333;border:1px solid #333;color:#fff;}

.edit{font-size:16px;line-height:30px;}
	.edit img{max-width:100%;}

.boxpg{padding:60px 0;}

	.pgnav{background:#f4f4f4;line-height:55px;margin-bottom:40px;}
		.pgnav ul{display:flex;}
		.pgnav li{flex:1;}
		.pgnav li a{display:block;text-align:center;font-size:18px;position:relative;}
		.pgnav li a:after{content:'';display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);border-left:6px solid transparent;border-bottom:6px solid #fff;border-right:6px solid transparent;opacity:0;transition:all ease-out 0.3s;}
		.pgnav li a:hover,.pgnav li a.on{background:#333;color:#fff;}
		.pgnav li a:hover:after,.pgnav li a.on:after{opacity:1;}
	
	.pgaboutinfophoto{padding-top:30px;}
		.pgaboutinfophoto ul{margin:0 -1%;}
		.pgaboutinfophoto li{float:left;width:31.33%;margin:0 1%;}
		.pgaboutinfophoto li figure{overflow:hidden;}
		.pgaboutinfophoto li img{width:100%;}
	.pgaboutinfocon{}
		
		.pgbody{}

			.pgcolumntitle{/*background:linear-gradient(to top,#ececec 0%,#ececec 100%);*/position:relative;line-height:30px;padding:20px;border:1px solid #eee;margin-bottom:20px;}
			.pgcolumntitle span{position:absolute;top:20px;right:20px;text-transform:uppercase;font-size:14px;color:#999;}
			.pgcolumntitle h3{position:relative;font-size:22px;font-weight:normal;}

			.pgcaselist{margin-bottom:30px;}
				.pgcaselist ul{margin:0 -1%;}
				.pgcaselist li{float:left;width:31.33%;margin:0 1% 2%;position:relative;}
					.pgcaselist li a{position:absolute;z-index:2;top:0;left:0;bottom:0;right:0;text-indent:-999em;}
					.pgcaselist li section{border:1px solid #eee;}
						.pgcaselist li section figure{position:relative;overflow:hidden;}
							.pgcaselist li section figure img{width:100%;}
							.pgcaselist li section figure figcaption{position:absolute;top:0;left:0;bottom:0;right:0;background:url(../images/iconsee.png) no-repeat center center rgba(230,0,0,0.5);text-indent:-999em;opacity:0;transition:all ease-out 0.3s;}
						.pgcaselist li section p{padding:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
					.pgcaselist li:hover img{transform:scale3d(1.05, 1.05, 1);}
					.pgcaselist li:hover figcaption{opacity:1;}
			
			.infoproduct{}
				.infoproducthead{margin-bottom:20px;position:relative;border:1px solid #eee;min-height:335px;padding:20px 20px 20px 375px;overflow:hidden;}
					.infoproductslide{position:absolute;top:20px;left:20px;width:335px;}
						.infoproductslide figure{overflow:hidden;}
						.infoproductslide figure img{width:100%;}
					.infoproductsummary{}
						.infoproductsummary h1{font-size:24px;line-height:30px;margin-bottom:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
						.infoproductsummary section{color:#999;line-height:30px;}
						.infoproductsummary p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
						.infoproductsummary p span a{display:inline-block;line-height:30px;background:#0376d8;color:#fff;padding:0 20px;margin-top:10px;}
					.infoprevnext{}
						.infoprevnext span{position:absolute;bottom:20px;display:inline-block;line-height:40px;border:1px solid #ddd;}
						.prev{left:380px;background:url(../images/infoprev.png) no-repeat 10px center;padding:0 15px 0 35px}
						.next{right:20px;background:url(../images/infonext.png) no-repeat right 10px center;padding:0 35px 0 15px;}
				.infoproductdetail{border:1px solid #eee;padding:20px;margin-bottom:20px;}
					.detailtab{margin-bottom:30px;position:relative;}
						.detailtab h3{font-size:16px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
						.detailtab h3:after{content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#0376d8;}
						.detailtab span{position:absolute;top:15px;right:15px;}
						.detailtab span a{}
				
				.infoproductother{margin-bottom:20px;border:1px solid #eee;padding:20px;}
					.infoproductother h3{font-size:16px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
					.infoproductother h3:after{content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#0376d8;}
					.infoproductother ul{margin:0 -1%;}
					.infoproductother li{position:relative;float:left;width:18%;margin:0 1%;}
					.infoproductother li a{position:absolute;z-index:2;top:0;left:0;bottom:0;right:0;text-indent:-999em;}
					.infoproductother li figure{overflow:hidden;border:1px solid #dcdcdc;padding:10px;}
					.infoproductother li figure img{width:100%;margin-bottom:10px;}
					.infoproductother li figcaption{text-align:center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
					.infoproductother li:hover{box-shadow:0 0 10px rgba(0,0,0,0.1);}
					.infoproductother li:hover figure img{transform:scale3d(1.05, 1.05, 1);}
				
				.inforelated{border:1px solid #eee;padding:20px;}
					.inforelated h3{font-size:16px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
					.inforelated h3:after{content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#0376d8;}
					.inforelated ul{}
					.inforelated li{line-height:30px;}
			
			.pgnewslist{margin-bottom:30px;padding-top:10px;}
				.pgnewslist ul{}
				.pgnewslist li{position:relative;margin-bottom:20px;}
				.pgnewslist li section{overflow:hidden;position:relative;padding:20px;border:1px solid #eee;transition:all ease-out 0.3s;}
					.pgnewslist li section dl{}
						.pgnewslist li section dt{font-size:16px;line-height:30px;border-bottom:1px solid #eee;margin-bottom:10px;padding-bottom:10px;}
						.pgnewslist li section dd{color:#999;line-height:25px;}
							.pgnewslist li section dd span a{display:inline-block;margin-top:20px;border:1px solid #eee;padding:0 20px;line-height:38px;font-size:12px;color:#999;}
				.pgnewslist li section time{position:absolute;top:30px;right:30px;font-size:12px;color:#999;line-height:30px;}
				.pgnewslist li:hover section dd span a{background:#0376d8;color:#fff;}
			
			article{padding:20px;border:1px solid #eee;margin-bottom:20px;}
				.articlehead{padding-bottom:10px;border-bottom:1px solid #eee;margin-bottom:10px;}
					.articlehead h1{font-size:24px;line-height:30px;}
					.articlehead p{font-size:12px;color:#999;margin-top:10px;}
					.articlehead p span{margin-right:10px;}
					.articlehead p time{margin-right:10px;}
				.articlebody{}
					.edit{line-height:200%;margin-bottom:30px;columns: 500px 2;column-gap: 40px;}
						.edit img{}
					.pgshare{text-align:center;margin:30px 0 0;}
						.bdsharebuttonbox{font-style:normal;display:inline-block;}
						.bdsharebuttonbox a.bds_more{background:none;float:none;padding:0;margin:0;line-height:50px;font-weight:bold;color:#fff;display:inline-block;width:50px;height:50px;text-align:center;background:url(../images/share.png) no-repeat center center #333;border-radius:60px;text-indent:-999em;font-size:12px;}
						.bdsharebuttonbox span{display:inline-block;}
					.relatedarticle{}
						.relatedarticle h3{font-size:18px;line-height:30px;margin-bottom:10px;}
						.relatedarticle ul{}
						.relatedarticle li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:30px;}
						.relatedarticle li a{float:left;position:relative;padding-left:13px;}
						.relatedarticle li a:after{content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:3px;height:3px;background:#ddd;}
						.relatedarticle li time{float:right;color:#999;font-size:12px;}
					.infotags{margin-bottom:20px;background:#eee;padding:10px;border-radius:3px;}
					.infoprevnext{}

						.table{overflow-x:scroll;}
						.table::-webkit-scrollbar{width:1px;height:1px;}
						.table::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:rgba(0,0,0,0.2);}
						.table::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background:rgba(0,0,0,0.1);}
						.table table{border-collapse:collapse;border:1px solid #666;width:100%;box-sizing:border-box;}
						.table tr{}
						.table th{font-size:14px;border:1px solid #ddd;padding:8px 10px;line-height:150%;background:#f9f9f9;font-weight:normal;}
						.table td{font-size:12px;border:1px solid #ddd;padding:8px 10px;line-height:150%;}

		.pgside{}

			.pgsidenav{margin-bottom:20px;background:#ececec;}
				.pgsidenavhead{color:#fff;background:linear-gradient(to top,#0376d8 0%,#0376d8 100%);padding:20px;}
					.pgsidenav p{text-transform:uppercase;font-family:impact;font-size:24px;line-height:40px;margin-bottom:20px;position:relative;}
					.pgsidenav p:after{content:'';display:block;position:absolute;bottom:-10px;left:0;width:30px;height:2px;background:#fff;}
					.pgsidenav h3{position:relative;font-size:20px;line-height:30px;}				
				.pgsidenav ul{}
				.pgsidenav li{}
				.pgsidenav li:last-child{border-bottom:none;}
				.pgsidenav li a{line-height:60px;display:block;padding:0 20px;position:relative;border-bottom:1px solid #ddd;}
				.pgsidenav li a:after{content:'';display:block;position:absolute;right:20px;top:20px;width:10px;height:10px;text-align:center;border-top:2px solid #ddd;border-right:2px solid #ddd;transform:rotate(45deg);}
				.pgsidenav li a:hover,.pgsidenav li a.on{background:#f5f5f5;}
				.pgsidenav li ul{padding:0;}
				.pgsidenav li li a{line-height:39px;background:none;padding-left:38px;border-bottom:1px dashed #ddd;}
				.pgsidenav li li a:before{content:'';display:block;position:absolute;left:20px;top:16px;width:5px;height:5px;border:2px solid #ddd;}
				.pgsidenav li li a:after{content:'';}
				.pgsidenav li li a:hover{background:none;color:#06c;}
				.pgsidenav li li a:hover:before{border:2px solid #06c;}

			.pgsidearticle{border:1px solid #eee;padding:20px;margin-bottom:20px;}
				.pgsidearticle h3{margin-bottom:10px;font-size:16px;line-height:40px;border-bottom:1px solid #eee;}
				.pgsidearticle ul{padding:20px 0;}
				.pgsidearticle li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;line-height:25px;}
				.pgsidearticle li a{position:relative;padding-left:15px;}
				.pgsidearticle li a:after{content:'';display:block;position:absolute;top:50%;let:0;width:3px;height:3px;transform:translateY(-50%);background:#999;}

			.pgsidekey{border:1px solid #eee;padding:20px;margin-bottom:20px;}
				.pgsidekey h3{margin-bottom:10px;font-size:16px;line-height:40px;border-bottom:1px solid #eee;}
				.pgsidekey section{line-height:25px;}
				.pgsidekey a{display:inline-block;line-height:30px;padding:0 10px;margin:0 10px 10px 0;border:1px solid #ddd;}

			.pgsidecotact{border:1px solid #eee;padding:20px;}
				.pgsidecotact h3{margin-bottom:10px;font-size:16px;line-height:40px;border-bottom:1px solid #eee;}
				.pgsidecotact section{line-height:25px;}
				.pgsidecotact a.chat{display:inline-block;line-height:50px;padding:0 10px;background:#0376d8;margin-top:20px;color:#fff;}


			.pgmap{float:right;width:48%;}

			.pgcontact{}
			.pgcontacttitle{margin-bottom:40px;}
				.pgcontacttitle h1{font-size:36px;line-height:40px;font-weight:normal;text-align:center;}
			.pgcontactlist{margin:0 -1%;overflow:hidden;margin-bottom:40px;}
				.pgcontactlist section{float:left;width:23%;margin:0 1%;box-sizing:border-box;border:1px solid #f5f5f5;padding:30px 0;text-align:center;}
				.pgcontactlist figure{width:50px;margin:0 auto;margin-bottom:20px;}
				.pgcontactlist p{}
			.pgcontactmap{margin-bottom:40px;}

			.pgmessage{}
			.pgmessage h3{font-size:16px;margin-bottom:30px;}
			.pgmessage p{}
			.pgmessage form{margin-top:30px;}
			.pgmessage ul{overflow:hidden;}
			.pgmessage li{position:relative;margin-bottom:20px;border-bottom:1px solid #eee;box-sizing:border-box;}
			.pgmessage li:last-child{border:none;margin-bottom:0;}
			.pgmessage li:nth-of-type(1),.pgmessage li:nth-of-type(2),.pgmessage li:nth-of-type(3),.pgmessage li:nth-of-type(4){float:left;width:25%;}
			.pgmessage li:nth-of-type(5){clear:both;}
			.pgmessage li:nth-of-type(6),.pgmessage li:nth-of-type(7){float:left;width:25%;}
			.pgmessage li span{position:absolute;top:-10px;left:20px;font-size:12px;color:#999;background:#fff;padding:0 10px;}
			.pgmessage li span i{margin-right:10px;}
			.pgmessage li input{width:100%;height:40px;line-height:40px;}
			.pgmessage li textarea{display:block;border:none;width:100%;height:120px;}
			.pgmessage li input.btn{width:100%;background:#232e39;color:#fff;}
			#checkCodeImg{position:absolute;top:7px;right:7px;}
			
.pgsitemap{}
	.pgsitemap section{margin-bottom:30px;}
	.pgsitemap h3{font-size:17px;margin-bottom:10px;}
	.pgsitemap ul{clear:both;}
	.pgsitemap li{float:left;width:25%;border-bottom:1px solid #ddd;line-height:40px;}
	.pgsitemap ul ul{background:#eee;}
	.pgsitemap li li{float:none;width:100%;}
	.pgsitemap ul ul ul{background:#ccc;}

/* 相关标签页面 */
.pgtagdescription{background:#fff;padding:20px;font-size:14px;margin-bottom:20px;}

.pgtagproduct{}
	.pgtagproduct h2{font-size:16px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
	.pgtagproduct h2:after{content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#15499a;}
	.pgtagproduct ul{margin:0 -1%;}
	.pgtagproduct li{float:left;width:23%;margin:0 1% 6px;}
		.pgtagproductimg{overflow:hidden;}
			.pgtagproductimg img{width:100%;}
		.pgtagproductwz{background:#fff;padding:20px;transition:all ease-out 0.3s;}
			.pgtagproductwz h2{font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
			.pgtagproductwz p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
	.pgtagproduct li:hover img{transform:scale3d(1.05, 1.05, 1);}
	.pgtagproduct li:hover .pgtagproductwz{background:#15499a;color:#fff;}
	.pgtagproduct li:hover .pgtagproductwz a{color:#fff;}

.pgtagnews{}
	.pgtagnews h2{font-size:16px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
	.pgtagnews h2:after{content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#15499a;}
	.pgtagnews ul{}
	.pgtagnews li{margin:0 0 10px;box-sizing:border-box;}
	.pgtagnews li a{display:block;padding:20px;background:#fff;}
	.pgtagnews li dl{margin-bottom:10px;}
	.pgtagnews li dt{padding-bottom:10px;font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
	.pgtagnews li dd{opacity:0.7;height:60px;overflow:hidden;}
	.pgtagnews li time{font-size:12px;}
	.pgtagnews li a:hover{transform:translateY(-5px);background:#15499a;color:#fff;}

.pgtagrecom{}
	.pgtagrecom h2{font-size:16px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
	.pgtagrecom h2:after{content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#15499a;}
	.pgtagrecom ul{margin:0 -1%;}
	.pgtagrecom li{float:left;width:23%;margin:0 1% 20px;box-sizing:border-box;}
	.pgtagrecom li a{display:block;}
	.pgtagrecom li section{background:#fff;transition:all ease-out 0.3s;}
	.pgtagrecom li section figure{overflow:hidden;}
	.pgtagrecom li section img{width:100%;}
	.pgtagrecom li section h3{font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:10px;}
	.pgtagrecom li section:hover{background:#15499a;color:#fff;}
	.pgtagrecom li section:hover img{transform:scale3d(1.05, 1.05, 1);}

.pgsearchlist{}
	.pgsearchlisttotal{border:1px solid #eee;padding:30px;background:#eee;}
	.pgsearchproductlist{margin-top:40px;}
		.pgsearchproductlist h2{font-size:17px;line-height:30px;margin-bottom:20px;background:#eee;padding:10px;}
		.pgsearchproductlist ul{margin:0 -1%;}
		.pgsearchproductlist li{float:left;width:31.33%;margin:0 1% 20px;}
		.pgsearchproductlist li section{position:relative;overflow:hidden;}
		.pgsearchproductlist li section a{position:absolute;top:0;left:0;right:0;bottom:0;text-indent:-999em;}
		.pgsearchproductlist li figure{overflow:hidden;}
		.pgsearchproductlist li figure img{width:100%;}
		.pgsearchproductlist li p{position:absolute;bottom:0;left:0;right:0;line-height:40px;text-align:center;background:rgba(0,0,0,0.8);color:#fff;}
	.pgsearcharticlelist{margin-top:40px;}
		.pgsearcharticlelist h2{font-size:17px;line-height:30px;margin-bottom:20px;background:#eee;padding:10px;}
		.pgsearcharticlelist ul{overflow:hidden;margin:0 -1%;}
		.pgsearcharticlelist li{float:left;width:48%;margin:0 1% 20px;}
		.pgsearcharticlelist li a{display:block;}
		.pgsearcharticlelist li section{padding:20px;border:1px solid #eee;background:#fff;}
		.pgsearcharticlelist li time{display:block;margin-bottom:5px;}
		.pgsearcharticlelist li dl{box-sizing:border-box;margin-bottom:5px;}
		.pgsearcharticlelist li dt{font-size:16px;line-height:30px;}
		.pgsearcharticlelist li dd{height:40px;overflow:hidden;color:#999;font-size:12px;}
		.pgsearcharticlelist li span{display:block;}
	.pgsearchcaselist{}
		.pgsearchcaselist h2{font-size:17px;line-height:30px;margin-bottom:20px;background:#eee;padding:10px;}
		.pgsearchcaselist ul{margin:0 -1%;}
		.pgsearchcaselist li{float:left;width:31.33%;margin:0 1% 20px;}
		.pgsearchcaselist li section{position:relative;overflow:hidden;}
		.pgsearchcaselist li section a{position:absolute;top:0;left:0;right:0;bottom:0;text-indent:-999em;}
		.pgsearchcaselist li figure{overflow:hidden;}
		.pgsearchcaselist li figure img{width:100%;}
		.pgsearchcaselist li p{position:absolute;bottom:0;left:0;right:0;line-height:40px;text-align:center;background:rgba(0,0,0,0.8);color:#fff;}
	.pgsearchjoblist{}
	.pgsearchdownlist{}
}
@media (max-width:767px){/* MOBILE */
/*  INDEX  */
.banner{position:relative;}
	.banner figure{overflow:hidden;position:relative;height:220px;}
	.banner img{height:220px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
	.banner section{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
		.banner section h3{color:#fff;font-size:50px;line-height:60px;margin-bottom:20px;white-space:nowrap;}
		.banner section p{color:#fff;font-size:22px;white-space:nowrap;margin-bottom:60px;}
		.banner section a{display:block;}

.search{display:none;padding:20px;background:#f9f9f9;}
	.searchhot{margin-bottom:10px;}
		.searchhot strong{color:#0376d8;}
		.searchhot a{margin-right:20px;color:#999;}
	.searchform{}
		.searchform form{position:relative;}
		.searchform input{box-sizing:border-box;}
		.searchform input.txt{background:#f1f1f1;height:40px;border-radius:40px;padding:0 20px;width:100%;box-sizing:border-box;}
		.searchform input.btn{position:absolute;top:5px;right:5px;width:30px;height:30px;background:url(../images/iconsearch.png) no-repeat center center;}

.productclass{background:#f5f5f5;padding:20px;position:relative;}
	.productclass .swiper-container{padding-bottom:60px;}
	.productclass section{border-top:2px solid #ccc;padding-top:30px;position:relative;}
		.productclass section a{position:absolute;z-index:2;top:0;left:0;bottom:0;right:0;text-indent:-999em;}
		.productclass section h3{font-size:16px;background:url(../images/yy_a1.png) no-repeat right center;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:30px;margin-bottom:10px;}
		.productclass section p{text-transform:capitalize;margin-bottom:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:10px;color:#999;}
		.productclass section figure{}
		.productclass:after{content:'';display:block;position:absolute;top:200px;left:20px;right:20px;height:1px;background:linear-gradient(to right,#ccc 0,#ccc 570px,transparent 570px,transparent 630px,#ccc 630px,#ccc 1200px);}
		.productclass .swiper-button-prev{position:absolute;z-index:2;top:186px;left:50%;margin-left:-20px;width:15px;height:30px;background:url(../images/classprev.jpg) no-repeat center center;}
		.productclass .swiper-button-next{position:absolute;z-index:2;top:186px;right:50%;margin-right:-20px;width:15px;height:30px;background:url(../images/classnext.jpg) no-repeat center center;}

.machining{padding:60px 20px;background:url(../images/productbg.jpg) no-repeat center center;background-size:cover;}
	.machiningtitle{text-align:center;background:url(../images/pro_tt.png) no-repeat center bottom;padding-bottom:20px;margin-bottom:20px;}
		.machiningtitle h2{font-size:30px;line-height:40px;margin-bottom:5px;color:#fff;}
		.machiningtitle h2 span{color:#0376d8;}
		.machiningtitle h3{font-size:12px;color:#ccc;font-weight:normal;}
	.machiningtab{overflow:hidden;background:#292929;margin-bottom:30px;}
		.machiningtab .swiper-container{}
		.machiningtab h3{line-height:40px;background:url(../images/pro_a2.png) no-repeat;background-position:right 20px center;text-indent:20px;}
		.machiningtab h3 a{color:#8b8b8b;}
		.machiningtab .swiper-slide-thumb-active h3{background:url(../images/pro_a2_hv.png) no-repeat #0376d8;background-position:right 20px center;}
		.machiningtab .swiper-slide-thumb-active h3 a{color:#fff;}
	.machiningcon{}
		.machininglist{}
			.machininglist ul{margin:0 -1%;}
			.machininglist li{float:left;width:48%;margin:0 1% 20px;}
			.machininglist li figure{overflow:hidden;}
			.machininglist li figure img{width:100%;}
			.machininglist li section{overflow:hidden;background:#fff;position:relative;position:relative;border-top:1px solid #eee;}
			.machininglist li section h3{line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0 15px;}
			.machininglist li section a.more{display:none;}
			.machininglist li section a.chat{display:none;}
			.machininglist li:hover figure img{transform:scale3d(1.05, 1.05, 1);}

.guarantee{padding:60px 20px;position:relative;}
	.guaranteetitle{text-align:center;background:url(../images/ico1.jpg) no-repeat center bottom;padding-bottom:20px;margin-bottom:20px;}
		.guaranteetitle h2{font-size:24px;line-height:30px;margin-bottom:10px;}
		.guaranteetitle h2 span{color:#0376d8;}
		.guaranteetitle h3{font-size:12px;color:#666;font-weight:normal;}
	.guaranteecon{}
		.guaranteecon section{position:relative;}
			.guaranteecon section figure{overflow:hidden;margin-bottom:20px;}
			.guaranteecon section figure img{width:100%;}
			.guaranteecon section i{position:absolute;top:0;left:20px;display:block;font-style:normal;color:#0376d8;background:#fff;padding:10px;}
			.guaranteecon section i strong{display:block;font-size:36px;line-height:40px;font-family:arial,verdana,sans-serif;}
			.guaranteecon section i em{display:block;}
			.guaranteecon section dl{}
			.guaranteecon section dt{font-size:17px;font-weight:bold;position:relative;padding-bottom:10px;margin-bottom:10px;}
			.guaranteecon section dt:before{content:'';display:block;position:absolute;top:30px;left:0;right:0;height:1px;background:#eee;}
			.guaranteecon section dt:after{content:'';display:block;position:absolute;top:29px;left:0;width:50px;height:3px;background:#0376d8;}
			.guaranteecon section dd{}
			.guaranteecon section dd span{display:inline-block;margin-right:20px;background:url(../images/ys_a2.jpg) no-repeat 0 center;padding-left:15px;color:#999;}

.article{padding:60px 20px;background:url(../images/newsbg.jpg) no-repeat center 0;background-size:cover;}
	.articletitle{text-align:center;background:url(../images/pro_tt.png) no-repeat center bottom;padding-bottom:20px;margin-bottom:20px;}
		.articletitle h2{font-size:30px;line-height:40px;margin-bottom:10px;color:#fff;}
		.articletitle h2 span{color:#0376d8;}
		.articletitle h3{font-size:12px;color:#ccc;font-weight:normal;}
	.articlecon{overflow:hidden;background:#f7f7f7;}
		.articlecon section{box-sizing:border-box;padding:20px;}
		.articlecon section.on{background:#eeeded;}
		.articlecon section a.more{display:block;margin-bottom:20px;background:url(../images/ns_a1.png) no-repeat right 0;}
			.articlecon section a.more h3{font-size:17px;}
			.articlecon section a.more p{color:#999;text-transform:uppercase;}
		.articlecon section.on a.more{color:#0376d8;background:url(../images/ns_a1_hv.png) no-repeat right 0;}
		.articlecon section figure{overflow:hidden;margin-bottom:20px;}
		.articlecon section figure img{width:100%;}
		.articlecon section.on figure img{transform:scale3d(1.05, 1.05, 1);}
		.articlecon section dl{}
		.articlecon section dt{margin-bottom:10px;font-size:14px;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
		.articlecon section dd{color:#888;}
		.articlecon section dd time{display:block;margin-top:10px;}

.about{padding:60px 20px;background:linear-gradient(to top,#f6f6f6 0,#f6f6f6 420px,transparent 420px,transparent 1200px);}
	.abouttitle{text-align:center;background:url(../images/ico1.jpg) no-repeat center bottom;padding-bottom:20px;margin-bottom:20px;}
		.abouttitle h2{font-size:30px;line-height:40px;margin-bottom:10px;}
		.abouttitle h2 span{color:#0376d8;}
		.abouttitle h3{font-size:12px;color:#666;font-weight:normal;}
	.aboutvideo{margin-bottom:20px;}
		.aboutvideo img{width:100%;}
	.aboutinfo{}
		.aboutinfo dl{position:relative;text-align:center;}
		.aboutinfo dl:before{content:'';display:block;position:absolute;top:0;left:0;width:40px;height:40px;background:url(../images/aboutbefore.png) no-repeat center center;background-size:20px auto;}
		.aboutinfo dl:after{content:'';display:block;position:absolute;top:0;right:0;width:40px;height:40px;background:url(../images/aboutafter.png) no-repeat center center;background-size:20px auto;}
		.aboutinfo dt{font-size:17px;padding:10px 0;}
		.aboutinfo dd{color:#888;}
	
.strength{padding:60px 20px;}
	.strengthtitle{text-align:center;background:url(../images/ico1.jpg) no-repeat center bottom;padding-bottom:20px;margin-bottom:20px;}
		.strengthtitle h2{font-size:30px;line-height:40px;margin-bottom:10px;}
		.strengthtitle h2 span{color:#0376d8;}
		.strengthtitle h3{font-size:12px;color:#666;font-weight:normal;}
	.strengthlist{}
		.strengthlist ul{}
		.strengthlist li{float:left;width:10%;position:relative;}
		.strengthlist li:before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);}
		.strengthlist li.on{width:70%;}
		.strengthlist li.on:before{display:none;}
			.strengthlist li div{display:none;position:absolute;z-index:1;top:50%;left:20px;right:20px;transform:translateY(-50%);text-align:center;opacity:1;transition:all ease-out 0.3s;}
			.strengthlist li.on div{opacity:0;}
				.strengthlist li div i{display: block;font-size: 14px;color: #8b8b8c;height: 26px;line-height: 26px;}
				.strengthlist li div em{display: block;height: 27px;line-height: 27px;font-size: 20px;color: #fff;font-weight: bold;}
				.strengthlist li div span{height: 67px;font-size: 24px;color: #fff;font-weight: bold;line-height: 58px;display: block;background: url(../images/sl_ico1.jpg) no-repeat center bottom;white-space:nowrap;}
				.strengthlist li div a{display:inline-block;margin-top: 51px;}
			.strengthlist li section{position:absolute;z-index:1;top:20px;right:20px;bottom:20px;left:20px;background:rgba(3,118,216,0.7);padding:20px;opacity:0;transition:all ease-out 0.3s;transform: scale(0);}
			.strengthlist li.on section{opacity:1;transform: scale(1);}
				.strengthlist li section i{display: block;height: 26px;font-size: 14px;color: #fff;line-height: 26px;opacity:0.6;}
				.strengthlist li section h4{font-size:17px;color: #fff;font-weight: bold;}
				.strengthlist li section span{display: block;font-size:12px;color: #fff;padding-top: 36px;margin-bottom:20px;}
			.strengthlist li figure{overflow:hidden;}
			.strengthlist li figure img{height:300px;}

/*  PAGE  */
.boxpghead{}
	.boxpgbanner{height:150px;position:relative;overflow:hidden;}
	.boxpghead img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;text-align:center;color:#fff;height:150px;}

.boxpgposition{border-bottom:1px solid #eee;line-height:40px;font-size:12px;padding:0 10px;}
	.pgposition{background:url(../images/toplocation.png) no-repeat 10px center;padding-left:45px;}

.listpage{clear:both;text-align:center;overflow:hidden;font-size:12px;margin-bottom:60px;}
.listpage ul{text-align:center;}
.listpage li{display:inline-block;margin:0 3px;}
.listpage li:last-child{}
.listpage a,.listpage span{display:inline-block;padding:7px 15px;border:1px solid #ccc;}
.listpage a:hover{background:#333;border:1px solid #333;color:#fff;}
.listpage span{background:#333;border:1px solid #333;color:#fff;}

.edit{}
	.edit img{max-width:100%;}

.boxpg{padding:60px 20px;}

	.pgnav{background:#f4f4f4;line-height:40px;margin-bottom:20px;}
		.pgnav ul{display:flex;}
		.pgnav li{flex:1;}
		.pgnav li a{display:block;text-align:center;position:relative;}
		.pgnav li a:after{content:'';display:block;position:absolute;bottom:0;left:50%;transform:translateX(-50%);border-left:6px solid transparent;border-bottom:6px solid #fff;border-right:6px solid transparent;opacity:0;transition:all ease-out 0.3s;}
		.pgnav li a:hover,.pgnav li a.on{background:#333;color:#fff;}
		.pgnav li a:hover:after,.pgnav li a.on:after{opacity:1;}
	
	.pgaboutinfophoto{padding-top:30px;}
		.pgaboutinfophoto ul{margin:0 -1%;}
		.pgaboutinfophoto li{float:left;width:31.33%;margin:0 1%;}
		.pgaboutinfophoto li figure{overflow:hidden;}
		.pgaboutinfophoto li img{width:100%;}
	.pgaboutinfocon{}
		
		.pgbody{margin-bottom:20px;}

			.pgcolumntitle{/*background:linear-gradient(to top,#ececec 0%,#ececec 100%);*/position:relative;line-height:30px;padding:10px;border:1px solid #eee;margin-bottom:20px;}
			.pgcolumntitle span{position:absolute;top:10px;right:10px;text-transform:uppercase;font-size:14px;color:#999;}
			.pgcolumntitle h3{position:relative;font-size:17px;}

			.pgcaselist{margin-bottom:30px;}
				.pgcaselist ul{margin:0 -1%;}
				.pgcaselist li{float:left;width:48%;margin:0 1% 2%;position:relative;}
					.pgcaselist li a{position:absolute;z-index:2;top:0;left:0;bottom:0;right:0;text-indent:-999em;}
					.pgcaselist li section{border:1px solid #eee;}
						.pgcaselist li section figure{position:relative;overflow:hidden;}
							.pgcaselist li section figure img{width:100%;}
							.pgcaselist li section figure figcaption{position:absolute;top:0;left:0;bottom:0;right:0;background:url(../images/iconsee.png) no-repeat center center rgba(230,0,0,0.5);text-indent:-999em;opacity:0;transition:all ease-out 0.3s;}
						.pgcaselist li section p{padding:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
					.pgcaselist li:hover img{transform:scale3d(1.05, 1.05, 1);}
					.pgcaselist li:hover figcaption{opacity:1;}
			
			.infoproduct{}
				.infoproducthead{margin-bottom:20px;position:relative;border:1px solid #eee;padding:20px;}
					.infoproductslide{margin-bottom:10px;}
						.infoproductslide figure{overflow:hidden;}
						.infoproductslide figure img{width:100%;}
					.infoproductsummary{}
						.infoproductsummary h1{font-size:17px;margin-bottom:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
						.infoproductsummary section{color:#999;margin-bottom:20px;}
						.infoproductsummary p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
						.infoproductsummary p span a{display:inline-block;line-height:30px;background:#0376d8;color:#fff;padding:0 20px;margin-top:10px;}
					.infoprevnext{}
						.infoprevnext span{display:block;line-height:40px;border:1px solid #ddd;}
						.prev{background:url(../images/infoprev.png) no-repeat 10px center;padding:0 15px 0 35px;margin-bottom:10px;}
						.next{background:url(../images/infonext.png) no-repeat right 10px center;padding:0 35px 0 15px;}
				.infoproductdetail{border:1px solid #eee;padding:20px;margin-bottom:20px;}
					.detailtab{margin-bottom:30px;position:relative;}
						.detailtab h3{font-size:16px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
						.detailtab h3:after{content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#0376d8;}
						.detailtab span{position:absolute;top:15px;right:15px;}
						.detailtab span a{}
				
				.infoproductother{margin-bottom:20px;border:1px solid #eee;padding:20px;}
					.infoproductother h3{font-size:16px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
					.infoproductother h3:after{content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#0376d8;}
					.infoproductother ul{margin:0 -1%;}
					.infoproductother li{position:relative;float:left;width:48%;margin:0 1% 10px;}
					.infoproductother li a{position:absolute;z-index:2;top:0;left:0;bottom:0;right:0;text-indent:-999em;}
					.infoproductother li figure{overflow:hidden;border:1px solid #dcdcdc;padding:10px;}
					.infoproductother li figure img{width:100%;margin-bottom:10px;}
					.infoproductother li figcaption{text-align:center;font-size:12px;}
					.infoproductother li:hover{box-shadow:0 0 10px rgba(0,0,0,0.1);}
					.infoproductother li:hover figure img{transform:scale3d(1.05, 1.05, 1);}
				
				.inforelated{border:1px solid #eee;padding:20px;}
					.inforelated h3{font-size:16px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
					.inforelated h3:after{content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#0376d8;}
					.inforelated ul{}
					.inforelated li{line-height:30px;}
			
			.pgnewslist{margin-bottom:30px;padding-top:10px;}
				.pgnewslist ul{}
				.pgnewslist li{position:relative;margin-bottom:20px;}
				.pgnewslist li section{overflow:hidden;position:relative;padding:20px;border:1px solid #eee;transition:all ease-out 0.3s;}
					.pgnewslist li section dl{}
						.pgnewslist li section dt{font-size:16px;line-height:30px;border-bottom:1px solid #eee;margin-bottom:10px;padding-bottom:10px;}
						.pgnewslist li section dd{color:#999;line-height:25px;}
							.pgnewslist li section dd span a{display:inline-block;margin-top:20px;border:1px solid #eee;padding:0 20px;line-height:38px;font-size:12px;color:#999;}
				.pgnewslist li section time{position:absolute;top:30px;right:30px;font-size:12px;color:#999;line-height:30px;}
				.pgnewslist li:hover section dd span a{background:#0376d8;color:#fff;}
			
			article{padding:20px;border:1px solid #eee;margin-bottom:20px;}
				.articlehead{padding-bottom:10px;border-bottom:1px solid #eee;margin-bottom:10px;}
					.articlehead h1{font-size:24px;line-height:30px;}
					.articlehead p{font-size:12px;color:#999;margin-top:10px;}
					.articlehead p span{margin-right:10px;}
					.articlehead p time{margin-right:10px;}
				.articlebody{}
					.edit{line-height:200%;margin-bottom:30px;columns: 500px 2;column-gap: 40px;}
						.edit img{max-width:100%;}
					.pgshare{text-align:center;margin:30px 0 0;}
						.bdsharebuttonbox{font-style:normal;display:inline-block;}
						.bdsharebuttonbox a.bds_more{background:none;float:none;padding:0;margin:0;line-height:50px;font-weight:bold;color:#fff;display:inline-block;width:50px;height:50px;text-align:center;background:url(../images/share.png) no-repeat center center #333;border-radius:60px;text-indent:-999em;font-size:12px;}
						.bdsharebuttonbox span{display:inline-block;}
					.relatedarticle{}
						.relatedarticle h3{font-size:18px;line-height:30px;margin-bottom:10px;}
						.relatedarticle ul{}
						.relatedarticle li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;line-height:30px;}
						.relatedarticle li a{float:left;position:relative;padding-left:13px;}
						.relatedarticle li a:after{content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:3px;height:3px;background:#ddd;}
						.relatedarticle li time{float:right;color:#999;font-size:12px;}
					.infotags{margin-bottom:20px;background:#eee;padding:10px;border-radius:3px;}
					.infoprevnext{}

						.table{overflow-x:scroll;}
						.table::-webkit-scrollbar{width:1px;height:1px;}
						.table::-webkit-scrollbar-thumb{border-radius:5px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:rgba(0,0,0,0.2);}
						.table::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);border-radius: 0;background:rgba(0,0,0,0.1);}
						.table table{border-collapse:collapse;border:1px solid #666;width:100%;box-sizing:border-box;}
						.table tr{}
						.table th{font-size:14px;border:1px solid #ddd;padding:8px 10px;line-height:150%;background:#f9f9f9;font-weight:normal;}
						.table td{font-size:12px;border:1px solid #ddd;padding:8px 10px;line-height:150%;}

		.pgside{}

			.pgsidenav{margin-bottom:20px;background:#ececec;}
				.pgsidenavhead{color:#fff;background:linear-gradient(to top,#0376d8 0%,#0376d8 100%);padding:20px;}
					.pgsidenav p{text-transform:uppercase;font-family:impact;font-size:16px;margin-bottom:20px;position:relative;}
					.pgsidenav p:after{content:'';display:block;position:absolute;bottom:-10px;left:0;width:30px;height:2px;background:#fff;}
					.pgsidenav h3{position:relative;font-size:17px;}				
				.pgsidenav ul{}
				.pgsidenav li{}
				.pgsidenav li:last-child{border-bottom:none;}
				.pgsidenav li a{line-height:40px;display:block;padding:0 20px;position:relative;border-bottom:1px solid #ddd;}
				.pgsidenav li a:after{content:'';display:block;position:absolute;right:20px;top:20px;width:10px;height:10px;text-align:center;border-top:2px solid #ddd;border-right:2px solid #ddd;transform:rotate(45deg);}
				.pgsidenav li a:hover,.pgsidenav li a.on{background:#f5f5f5;}
				.pgsidenav li ul{padding:0;}
				.pgsidenav li li a{line-height:39px;background:none;padding-left:38px;border-bottom:1px dashed #ddd;}
				.pgsidenav li li a:before{content:'';display:block;position:absolute;left:20px;top:16px;width:5px;height:5px;border:2px solid #ddd;}
				.pgsidenav li li a:after{content:'';}
				.pgsidenav li li a:hover{background:none;color:#06c;}
				.pgsidenav li li a:hover:before{border:2px solid #06c;}

			.pgsidearticle{border:1px solid #eee;padding:20px;margin-bottom:20px;}
				.pgsidearticle h3{margin-bottom:10px;font-size:16px;line-height:40px;border-bottom:1px solid #eee;}
				.pgsidearticle ul{padding:20px 0;}
				.pgsidearticle li{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;line-height:25px;}
				.pgsidearticle li a{position:relative;padding-left:15px;}
				.pgsidearticle li a:after{content:'';display:block;position:absolute;top:50%;let:0;width:3px;height:3px;transform:translateY(-50%);background:#999;}

			.pgsidekey{border:1px solid #eee;padding:20px;margin-bottom:20px;}
				.pgsidekey h3{margin-bottom:10px;font-size:16px;line-height:40px;border-bottom:1px solid #eee;}
				.pgsidekey section{line-height:25px;}
				.pgsidekey a{display:inline-block;line-height:30px;padding:0 10px;margin:0 10px 10px 0;border:1px solid #ddd;}

			.pgsidecotact{border:1px solid #eee;padding:20px;}
				.pgsidecotact h3{margin-bottom:10px;font-size:16px;line-height:40px;border-bottom:1px solid #eee;}
				.pgsidecotact section{line-height:25px;}
				.pgsidecotact a.chat{display:inline-block;line-height:50px;padding:0 10px;background:#0376d8;margin-top:20px;color:#fff;}


			.pgmap{float:right;width:48%;}

			.pgcontact{}
			.pgcontacttitle{margin-bottom:20px;}
				.pgcontacttitle h1{font-size:17px;font-weight:normal;text-align:center;}
			.pgcontactlist{margin:0 -1%;overflow:hidden;margin-bottom:40px;}
				.pgcontactlist section{float:left;width:48%;margin:0 1%;box-sizing:border-box;border:1px solid #f5f5f5;padding:30px 0;text-align:center;}
				.pgcontactlist figure{width:50px;margin:0 auto;margin-bottom:20px;}
				.pgcontactlist p{height:40px;}
			.pgcontactmap{margin-bottom:40px;}

			.pgmessage{}
			.pgmessage h3{font-size:16px;margin-bottom:30px;}
			.pgmessage p{}
			.pgmessage form{margin-top:30px;}
			.pgmessage ul{overflow:hidden;}
			.pgmessage li{position:relative;margin-bottom:20px;border-bottom:1px solid #eee;box-sizing:border-box;}
			.pgmessage li:last-child{border:none;margin-bottom:0;}
			.pgmessage li:nth-of-type(1),.pgmessage li:nth-of-type(2),.pgmessage li:nth-of-type(3),.pgmessage li:nth-of-type(4){float:left;width:25%;}
			.pgmessage li:nth-of-type(5){clear:both;}
			.pgmessage li:nth-of-type(6),.pgmessage li:nth-of-type(7){float:left;width:25%;}
			.pgmessage li span{position:absolute;top:-10px;left:20px;font-size:12px;color:#999;background:#fff;padding:0 10px;}
			.pgmessage li span i{margin-right:10px;}
			.pgmessage li input{width:100%;height:40px;line-height:40px;}
			.pgmessage li textarea{display:block;border:none;width:100%;height:120px;}
			.pgmessage li input.btn{width:100%;background:#232e39;color:#fff;}
			#checkCodeImg{position:absolute;top:7px;right:7px;}
			
.pgsitemap{}
	.pgsitemap section{margin-bottom:30px;}
	.pgsitemap h3{font-size:17px;margin-bottom:10px;}
	.pgsitemap ul{clear:both;}
	.pgsitemap li{float:left;width:25%;border-bottom:1px solid #ddd;line-height:40px;}
	.pgsitemap ul ul{background:#eee;}
	.pgsitemap li li{float:none;width:100%;}
	.pgsitemap ul ul ul{background:#ccc;}

/* 相关标签页面 */
.pgtagdescription{background:#fff;padding:20px;font-size:14px;margin-bottom:20px;}

.pgtagproduct{}
	.pgtagproduct h2{font-size:16px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
	.pgtagproduct h2:after{content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#15499a;}
	.pgtagproduct ul{margin:0 -1%;}
	.pgtagproduct li{float:left;width:48%;margin:0 1% 6px;}
		.pgtagproductimg{overflow:hidden;}
			.pgtagproductimg img{width:100%;}
		.pgtagproductwz{background:#fff;padding:20px;transition:all ease-out 0.3s;}
			.pgtagproductwz h2{font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
			.pgtagproductwz p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
	.pgtagproduct li:hover img{transform:scale3d(1.05, 1.05, 1);}
	.pgtagproduct li:hover .pgtagproductwz{background:#15499a;color:#fff;}
	.pgtagproduct li:hover .pgtagproductwz a{color:#fff;}

.pgtagnews{}
	.pgtagnews h2{font-size:16px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
	.pgtagnews h2:after{content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#15499a;}
	.pgtagnews ul{}
	.pgtagnews li{margin:0 0 10px;box-sizing:border-box;}
	.pgtagnews li a{display:block;padding:20px;background:#fff;}
	.pgtagnews li dl{margin-bottom:10px;}
	.pgtagnews li dt{padding-bottom:10px;font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
	.pgtagnews li dd{opacity:0.7;height:60px;overflow:hidden;}
	.pgtagnews li time{font-size:12px;}
	.pgtagnews li a:hover{transform:translateY(-5px);background:#15499a;color:#fff;}

.pgtagrecom{}
	.pgtagrecom h2{font-size:16px;margin-bottom:20px;border-bottom:1px solid #ddd;position:relative;padding-bottom:10px;}
	.pgtagrecom h2:after{content:'';display:block;position:absolute;bottom:-1px;width:50px;height:2px;background:#15499a;}
	.pgtagrecom ul{margin:0 -1%;}
	.pgtagrecom li{float:left;width:48%;margin:0 1% 20px;box-sizing:border-box;}
	.pgtagrecom li a{display:block;}
	.pgtagrecom li section{background:#fff;transition:all ease-out 0.3s;}
	.pgtagrecom li section figure{overflow:hidden;}
	.pgtagrecom li section img{width:100%;}
	.pgtagrecom li section h3{font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:10px;}
	.pgtagrecom li section:hover{background:#15499a;color:#fff;}
	.pgtagrecom li section:hover img{transform:scale3d(1.05, 1.05, 1);}

.pgsearchlist{}
	.pgsearchlisttotal{border:1px solid #eee;padding:30px;background:#eee;}
	.pgsearchproductlist{margin-top:40px;}
		.pgsearchproductlist h2{font-size:17px;line-height:30px;margin-bottom:20px;background:#eee;padding:10px;}
		.pgsearchproductlist ul{margin:0 -1%;}
		.pgsearchproductlist li{float:left;width:31.33%;margin:0 1% 20px;}
		.pgsearchproductlist li section{position:relative;overflow:hidden;}
		.pgsearchproductlist li section a{position:absolute;top:0;left:0;right:0;bottom:0;text-indent:-999em;}
		.pgsearchproductlist li figure{overflow:hidden;}
		.pgsearchproductlist li figure img{width:100%;}
		.pgsearchproductlist li p{position:absolute;bottom:0;left:0;right:0;line-height:40px;text-align:center;background:rgba(0,0,0,0.8);color:#fff;}
	.pgsearcharticlelist{margin-top:40px;}
		.pgsearcharticlelist h2{font-size:17px;line-height:30px;margin-bottom:20px;background:#eee;padding:10px;}
		.pgsearcharticlelist ul{overflow:hidden;margin:0 -1%;}
		.pgsearcharticlelist li{float:left;width:48%;margin:0 1% 20px;}
		.pgsearcharticlelist li a{display:block;}
		.pgsearcharticlelist li section{padding:20px;border:1px solid #eee;background:#fff;}
		.pgsearcharticlelist li time{display:block;margin-bottom:5px;}
		.pgsearcharticlelist li dl{box-sizing:border-box;margin-bottom:5px;}
		.pgsearcharticlelist li dt{font-size:16px;line-height:30px;}
		.pgsearcharticlelist li dd{height:40px;overflow:hidden;color:#999;font-size:12px;}
		.pgsearcharticlelist li span{display:block;}
	.pgsearchcaselist{}
		.pgsearchcaselist h2{font-size:17px;line-height:30px;margin-bottom:20px;background:#eee;padding:10px;}
		.pgsearchcaselist ul{margin:0 -1%;}
		.pgsearchcaselist li{float:left;width:31.33%;margin:0 1% 20px;}
		.pgsearchcaselist li section{position:relative;overflow:hidden;}
		.pgsearchcaselist li section a{position:absolute;top:0;left:0;right:0;bottom:0;text-indent:-999em;}
		.pgsearchcaselist li figure{overflow:hidden;}
		.pgsearchcaselist li figure img{width:100%;}
		.pgsearchcaselist li p{position:absolute;bottom:0;left:0;right:0;line-height:40px;text-align:center;background:rgba(0,0,0,0.8);color:#fff;}
	.pgsearchjoblist{}
	.pgsearchdownlist{}
}